/* Basma Advertising — burgundy, gold and the supplied original logo. */
:root { --basma-wine: #751c32; --basma-deep: #451020; --basma-gold: #ffb800; }
body[data-theme], .vcard-page[data-theme] {
    --page-bg: #f7eef0; --page-glow: rgba(117,28,50,.12);
    --surface: #fffaf6; --surface-soft: #f8edf0; --text: #391522;
    --muted: #795b65; --border: #ead4da; --accent: #751c32;
    --accent-2: #451020; --accent-ink: #fffaf6; --structural: #751c32;
    --hero-from: #451020; --hero-to: #8f2d46;
    --p-accent: #751c32; --p-accent-dark: #451020; --p-page: #f7eef0;
    --p-surface: #fffaf6; --p-surface-2: #f8edf0; --p-text: #391522;
    --p-muted: #795b65; --p-border: #ead4da; --p-hero: #751c32; --p-icon-bg: #f8e8ce;
}
.vcard-page[data-theme="midnight"] {
    --p-page: #240b14; --p-surface: #35121e; --p-surface-2: #461a29;
    --p-text: #fff6ed; --p-muted: #d5b7c1; --p-border: #694052;
    --p-accent: #ffb800; --p-icon-bg: #542335;
    --surface: #35121e; --surface-soft: #461a29; --text: #fff6ed;
    --muted: #d5b7c1; --border: #694052; --accent: #ffb800;
}
body[data-theme] .header, .vcard-page[data-theme] .header {
    background: repeating-linear-gradient(153deg, transparent 0 48px, rgba(255,255,255,.055) 49px 92px, rgba(35,0,14,.12) 93px 138px), linear-gradient(135deg, #8f2d46, #451020);
    color: #fff6ed;
}
.vcard-page[data-theme="signature"] .header::before,
.vcard-page[data-theme="standard"] .header::before { display: none; }
.vcard-page[data-theme] .header::after { background: rgba(255,184,0,.12); animation: none; }
body[data-theme] .brand-logo, .vcard-page[data-theme] .brand-logo, .premium-brand {
    display: inline-flex; align-items: center; justify-content: flex-start; gap: 12px;
    width: auto; max-width: calc(100% - 60px); height: auto; padding: 0;
    background: transparent; border: 0; border-radius: 0; box-shadow: none;
    text-decoration: none; flex-shrink: 0;
}
body[data-theme] .brand-logo img, .vcard-page[data-theme] .brand-logo img, .premium-brand img {
    display: block; width: 78px; height: 78px; object-fit: contain; border-radius: 16px; flex-shrink: 0;
}
.brand-name { display: block; color: #ffb800; font-size: 1.08rem; font-weight: 900; line-height: 1.65; white-space: nowrap; }
.brand-name small { display: block; color: #f1d9df; font-size: .7rem; font-weight: 500; }
.vcard-page[data-theme] .header-qr-btn { color: #ffb800; background: rgba(69,16,32,.42); border-color: rgba(255,184,0,.45); }
.vcard-page[data-theme="emerald"] .header { height: 426px; border-top-color: #ffb800; }
.vcard-page[data-theme="emerald"] .profile-wrapper { top: 118px; }
.vcard-page[data-theme="royal"] { background: radial-gradient(circle at top, #e8c5ce, #f7eef0 65%); }
.vcard-page[data-theme="royal"] .container { background: #fffaf6; }
.vcard-page[data-theme="royal"] .info { background: #fffaf6; }
.vcard-page[data-theme="midnight"] .contact-item { background: #461a29; }
.vcard-page[data-theme="midnight"] .contact-item:hover { background: #542335; }
body[data-theme] .btn-save, .vcard-page[data-theme] .btn-save, body[data-theme] .btn-sub, .btn-gold {
    background: linear-gradient(120deg, #ffc93d, #ffb800); color: #451020;
    box-shadow: 0 8px 24px rgba(117,28,50,.15); border-color: #ffb800;
}
.vcard-page[data-theme] .icon-box { color: var(--p-accent); background: var(--p-icon-bg); }
.vcard-page[data-theme] .ai-fab { color: #451020; background: #ffb800; }
.chat-header, body[data-theme] .chat-header { background: #751c32; color: #fff6ed; }
body[data-theme] .alert-box { background: #fff3d6; color: #5b2333; border-color: #efd799; }
body[data-theme] .theme-swatch { background: linear-gradient(135deg, #751c32 50%, #ffb800 50%); }
body[data-theme] .theme-midnight .theme-swatch { background: linear-gradient(135deg, #35121e 50%, #ffb800 50%); }
body[data-theme] .theme-emerald .theme-swatch { background: linear-gradient(135deg, #fff3d6 50%, #751c32 50%); }
body[data-theme] .theme-royal .theme-swatch { background: linear-gradient(135deg, #a54e65 50%, #ffb800 50%); }
.premium-brand { direction: rtl; max-width: 100%; justify-content: center; }
body:has(.premium-brand) { background: #451020; }
body:has(.premium-brand) .overlay { background: linear-gradient(to bottom, rgba(69,16,32,.65), #451020); }
body:has(.premium-brand) .glass-card { background: rgba(75,20,38,.75); border-color: rgba(255,184,0,.23); }
.text-gold, .premium-site-link { color: #ffb800; }
.border-gold { border-color: #ffb800; }
.basma-admin { --ink: #391522; --muted: #795b65; --accent: #751c32; --border: #ead4da; background: #f7eef0; color: #391522; font-family: 'Tajawal', sans-serif; }
.basma-admin .navbar, .basma-admin .stats-card { background: linear-gradient(135deg, #451020, #8f2d46) !important; }
.basma-admin .navbar-brand { display: flex; align-items: center; gap: 12px; white-space: normal; }
.admin-nav-logo { border-radius: 12px; }
.basma-admin .btn-primary { background: #ffb800; border-color: #ffb800; color: #451020; font-weight: 700; }
.basma-admin .btn-dark { background: #751c32; border-color: #751c32; }
.basma-admin .form-control:focus, .basma-admin .form-select:focus { border-color: #a54e65; box-shadow: 0 0 0 .2rem rgba(117,28,50,.12); }
.basma-admin :focus-visible { outline: 3px solid #ffb800; outline-offset: 3px; }
.basma-login { background: repeating-linear-gradient(153deg, transparent 0 90px, rgba(255,255,255,.04) 91px 180px), #451020 !important; padding: 20px; }
.basma-login .card { width: 100%; max-width: 400px; border: 1px solid #a54e65; border-radius: 24px; background: #fffaf6; box-shadow: 0 24px 70px #23071066; gap: 12px; }
.basma-login h3 { font-size: 1.25rem; font-weight: 800; }
.admin-logo { margin: 0 auto 8px; border-radius: 20px; }
@media (max-width: 380px) {
    body[data-theme] .brand-logo, .vcard-page[data-theme] .brand-logo { gap: 8px; }
    body[data-theme] .brand-logo img, .vcard-page[data-theme] .brand-logo img { width: 64px; height: 64px; }
    .brand-name { font-size: .93rem; }
    .basma-admin .navbar-brand { font-size: 1rem; }
}