/* ==========================================================================
   THESSBEAUTY - ΦΩΤΕΙΝΟ, ΘΗΛΥΚΟ ΘΕΜΑ
   ==========================================================================
   ΚΑΘΕ κανόνας εδώ ξεκινάει με html.brand-beauty. Αυτή η κλάση μπαίνει ΜΟΝΟ
   από το brand.js όταν ο επισκέπτης έρθει από το thessbeauty.gr (ή με
   ?brand=beauty). Άρα το ThessKourema ΔΕΝ επηρεάζεται ποτέ από αυτό το
   αρχείο - ό,τι κι αν γράψουμε εδώ, το σκούρο/χρυσό site μένει ίδιο.

   ΦΟΡΤΩΝΕΤΑΙ ΤΕΛΕΥΤΑΙΟ σε κάθε σελίδα, μετά τα style.css / shop.css /
   dashboard.css, ώστε να μη χρειάζεται μάχη specificity με τα υπάρχοντα
   hardcoded χρώματα.
   ========================================================================== */

html.brand-beauty {
    /* Παλέτα "soft blush": κρεμ λευκό, ροδακινί accent, ζεστό γκρι κείμενο.
       ΟΧΙ έντονο φούξια - το απαλό ροδακινί/κοραλί διαβάζεται πιο κομψό και
       λιγότερο "παιδικό", και είναι αυτό που χρησιμοποιούν τα καλά beauty
       brands. Το κείμενο είναι ζεστό γκρι, ποτέ καθαρό μαύρο. */
    --bg-dark: #FFFCFA;          /* κρεμ λευκό - το φόντο της σελίδας */
    --card-bg: #FFFFFF;
    --card-bg-alt: #FDF1EC;      /* blush μπλοκ */
    --card-border: #F2E4DE;
    --border-subtle: #E8D4CB;

    --gold: #E0A08D;             /* ροδακινί / soft coral */
    --gold-hover: #CE8571;
    --gold-rgb: 224, 160, 141;
    --on-gold: #FFFFFF;

    --text-white: #4A4340;       /* ζεστό σκούρο γκρι αντί για λευκό */
    --text-gray: #6E6663;
    --text-gray-dim: #A2968F;

    --plum: #4A4340;
    --blush: #FDF1EC;

    color-scheme: light;
}

/* --------------------------------------------------------------------------
   1. ΒΑΣΗ
   -------------------------------------------------------------------------- */
html.brand-beauty,
html.brand-beauty body {
    background-color: var(--bg-dark);
    color: var(--text-gray);
}

/* Τα διακοσμητικά "glows" ήταν φτιαγμένα για σκούρο φόντο - σε λευκό
   φαίνονται σαν λεκέδες. Τα κάνουμε πολύ πιο απαλά. */
html.brand-beauty .bg-glow-1 {
    background: radial-gradient(circle, rgba(224, 160, 141, 0.13) 0%, rgba(255,255,255,0) 70%);
}
html.brand-beauty .bg-glow-2 {
    background: radial-gradient(circle, rgba(246, 214, 198, 0.22) 0%, rgba(255,255,255,0) 70%);
}

/* Το λογότυπο σε καλλιγραφική γραμματοσειρά - το μεγαλύτερο "θηλυκό" σήμα.
   Ασφαλές: το "ThessBeauty" γράφεται ΠΑΝΤΑ με λατινικούς χαρακτήρες, οπότε
   δεν μας νοιάζει που οι script γραμματοσειρές δεν έχουν ελληνικά. */
html.brand-beauty .logo {
    font-family: 'Parisienne', 'Cormorant Garamond', Georgia, cursive;
    font-size: 2.1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
}
html.brand-beauty .logo-icon { display: none; }  /* το ψαλίδι είναι barber-ish */

/* Λεπτό, αραιό κεφαλαίο nav - πιο "editorial", λιγότερο βαρύ. */
html.brand-beauty .nav-btn,
html.brand-beauty .lang-toggle-btn,
html.brand-beauty .mobile-menu-content a {
    letter-spacing: 1.2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.78rem;
}

/* Πιο θηλυκή τυπογραφία: σερίφ τίτλοι αντί για το condensed Bebas Neue.
   Η στοίβα τελειώνει σε Georgia/serif που έχουν σίγουρα ελληνικά. */
html.brand-beauty .hero-title,
html.brand-beauty .section-title,
html.brand-beauty .b2b-title,
html.brand-beauty .section-title-center h2,
html.brand-beauty .card-row-header .section-title,
html.brand-beauty .testi-headline {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;   /* τα ΚΕΦΑΛΑΙΑ είναι πιο "σκληρά" */
}

html.brand-beauty .hero h1 {
    text-transform: none;
    font-size: 3.1rem;
    line-height: 1.15;
}

/* --------------------------------------------------------------------------
   2. NAVBAR / ΜΠΑΡΑ ΑΝΑΚΟΙΝΩΣΗΣ
   -------------------------------------------------------------------------- */
html.brand-beauty .navbar {
    background: rgba(255, 252, 250, 0.92);
    border-bottom: 1px solid var(--card-border);
}

html.brand-beauty .top-announcement-bar {
    background: linear-gradient(90deg, #F2C4B3, #E0A08D);
    color: #FFFFFF;
}

html.brand-beauty .logo { color: var(--plum); }
html.brand-beauty .hamburger-btn .bar { background-color: var(--plum); }
html.brand-beauty .hamburger-btn .menu-text { color: var(--plum); }

/* --------------------------------------------------------------------------
   3. ΚΟΥΜΠΙΑ & INPUTS
   -------------------------------------------------------------------------- */
html.brand-beauty .btn-secondary,
html.brand-beauty .lang-toggle-btn {
    background: #FFFFFF;
    color: var(--plum);
    border: 1px solid var(--card-border);
}

html.brand-beauty .btn-secondary:hover,
html.brand-beauty .lang-toggle-btn:hover {
    background: var(--blush);
    border-color: var(--gold);
    color: var(--gold-hover);
}

html.brand-beauty .hero-search-bar,
html.brand-beauty .hero-search-segment,
html.brand-beauty .custom-input,
html.brand-beauty input,
html.brand-beauty select,
html.brand-beauty textarea {
    background: #FFFFFF;
    color: var(--plum);
    border-color: var(--card-border);
}

html.brand-beauty input::placeholder,
html.brand-beauty textarea::placeholder { color: #C0B3AC; }

html.brand-beauty .hero-badge {
    background: rgba(224, 160, 141, 0.14);
    border-color: rgba(224, 160, 141, 0.34);
    color: var(--gold-hover);
}

/* --------------------------------------------------------------------------
   4. ΚΑΡΤΕΣ (καταστήματα, κριτικές, στατιστικά)
   Πιο στρογγυλεμένες γωνίες + απαλή ροζ σκιά = πιο θηλυκή αίσθηση.
   -------------------------------------------------------------------------- */
html.brand-beauty .barber-card,
html.brand-beauty .testi-card,
html.brand-beauty .review-card,
html.brand-beauty .stat-card,
html.brand-beauty .glass-card,
html.brand-beauty .service-item-card,
html.brand-beauty .card-row-scroll > * {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 18px;
    box-shadow: 0 6px 22px rgba(190, 150, 135, 0.10);
}

html.brand-beauty .barber-card:hover,
html.brand-beauty .testi-card:hover {
    border-color: var(--gold);
    box-shadow: 0 12px 30px rgba(190, 150, 135, 0.18);
}

html.brand-beauty .barber-title,
html.brand-beauty .review-user-name,
html.brand-beauty .service-price,
html.brand-beauty .shop-section-block h3,
html.brand-beauty .sticky-card-title,
html.brand-beauty .slot-period-title,
html.brand-beauty h1, html.brand-beauty h2,
html.brand-beauty h3, html.brand-beauty h4 {
    color: var(--plum);
}

html.brand-beauty .review-text,
html.brand-beauty .testi-card p,
html.brand-beauty .hero p { color: var(--text-gray); }

/* --------------------------------------------------------------------------
   5. ΦΙΛΤΡΑ ΚΑΤΗΓΟΡΙΩΝ
   -------------------------------------------------------------------------- */
html.brand-beauty .service-tag-icon {
    background: #FFFFFF;
    border: 1px solid var(--card-border);
    color: var(--text-gray);
}

html.brand-beauty .service-tag.active .service-tag-icon,
html.brand-beauty .service-tag:hover .service-tag-icon {
    background: var(--gold);
    border-color: var(--gold);
    color: #FFFFFF;
}

html.brand-beauty .service-tag-label { color: var(--text-gray); }
html.brand-beauty .service-tag.active .service-tag-label,
html.brand-beauty .service-tag:hover .service-tag-label { color: var(--gold-hover); }

html.brand-beauty .filter-btn {
    background: #FFFFFF;
    border: 1px solid var(--card-border);
    color: var(--text-gray);
}
html.brand-beauty .filter-btn.active {
    background: var(--gold);
    color: #FFFFFF;
}
html.brand-beauty .filter-btn.active svg { fill: #FFFFFF; }

/* --------------------------------------------------------------------------
   6. ΖΩΝΕΣ ΠΟΥ ΗΤΑΝ ΣΚΟΥΡΕΣ (footer, mobile menu, b2b, modals)
   -------------------------------------------------------------------------- */
html.brand-beauty .footer {
    background: #FDF1EC;
    border-top: 1px solid var(--card-border);
    color: var(--text-gray);
}
html.brand-beauty .footer-grid h4 { color: var(--plum); }
html.brand-beauty .footer-links-list,
html.brand-beauty .footer-links-list a,
html.brand-beauty .footer-bottom { color: var(--text-gray); }
html.brand-beauty .footer-bottom { border-top: 1px solid var(--card-border); }

html.brand-beauty .mobile-menu-overlay { background: #FFFCFA; }
html.brand-beauty .mobile-menu-content a { color: var(--plum); }
html.brand-beauty .close-menu-btn { color: var(--plum); }
html.brand-beauty .mobile-menu-footer { border-top: 1px solid var(--card-border); }
html.brand-beauty .footer-legal-links,
html.brand-beauty .footer-legal-links a { color: var(--text-gray); }

html.brand-beauty .b2b-section { background: #FDF1EC; }
html.brand-beauty .b2b-feature-item { color: var(--text-gray); }

html.brand-beauty .modal-content,
html.brand-beauty .modal-card,
html.brand-beauty .sticky-booking-card,
html.brand-beauty #wizard-right-sidebar {
    background: #FFFFFF !important;
    border-color: var(--card-border) !important;
    color: var(--plum);
}

html.brand-beauty .modal-overlay { background: rgba(74, 67, 64, 0.40) !important; }

html.brand-beauty .cookie-banner {
    background: #FFFFFF;
    border: 1px solid var(--card-border);
    box-shadow: 0 8px 30px rgba(190, 150, 135, 0.16);
    color: var(--text-gray);
}

/* --------------------------------------------------------------------------
   7. ΣΕΛΙΔΑ ΚΑΤΑΣΤΗΜΑΤΟΣ
   -------------------------------------------------------------------------- */
html.brand-beauty .modal-pill,
html.brand-beauty .time-chip,
html.brand-beauty .btn-service-select {
    background: #FFFFFF;
    color: var(--plum);
    border: 1px solid var(--card-border);
}

html.brand-beauty .modal-pill.active,
html.brand-beauty .time-chip.active {
    background: var(--gold) !important;
    color: #FFFFFF !important;
    border-color: var(--gold) !important;
}

html.brand-beauty .time-chip:disabled {
    background: var(--blush) !important;
    color: #C9BCB5 !important;
}

html.brand-beauty .hero-main-photo,
html.brand-beauty .hero-side-photo { background-color: var(--blush); }

html.brand-beauty .btn-see-all-images {
    background: #FFFFFF;
    color: var(--plum);
}

/* --------------------------------------------------------------------------
   8. ΜΙΚΡΟΛΕΠΤΟΜΕΡΕΙΕΣ
   -------------------------------------------------------------------------- */
html.brand-beauty .brand-crosslink.on-accent { color: #FFFFFF; }
html.brand-beauty .card-favorite-btn { background: rgba(255, 255, 255, 0.9); }
html.brand-beauty .row-arrow {
    background: #FFFFFF;
    border: 1px solid var(--card-border);
    color: var(--plum);
    box-shadow: 0 4px 14px rgba(190, 150, 135, 0.14);
}
html.brand-beauty .tab-count-badge { background: var(--blush); color: var(--gold-hover); }
html.brand-beauty .breadcrumb-bar .current-page { color: var(--plum); }

/* --------------------------------------------------------------------------
   9. ΑΕΡΑΣ & ΡΥΘΜΟΣ - η αίσθηση "airy" της αναφοράς είναι κυρίως κενός χώρος
   -------------------------------------------------------------------------- */
html.brand-beauty .hero { padding: 80px 20px 40px; }
html.brand-beauty .hero p { font-size: 1.02rem; line-height: 1.75; max-width: 620px; margin: 0 auto; }
html.brand-beauty .section-title-center h2 { font-size: 2.4rem; }
html.brand-beauty .btn { border-radius: 999px; padding: 13px 28px; letter-spacing: 0.4px; }
html.brand-beauty .hero-search-btn { border-radius: 999px; }
html.brand-beauty .service-tag-icon { border-radius: 50%; }