/*
Theme Name:   Aurea Beauty (Blocksy Child)
Theme URI:    https://aknexus.gr
Description:  Child theme του Blocksy για το aureabeauty.gr. Σελίδα "σύντομα κοντά σας" και στυλ brand.
Author:       AK Nexus
Template:     blocksy
Version:      1.0.0
Text Domain:  blocksy-aurea-child
*/

/* ==========================================================================
   Γραμματοσειρά: Commissioner (OFL), self-hosted. Μία οικογένεια, χωρίς πατούρες.
   ========================================================================== */
@font-face{
  font-family:"Commissioner"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("fonts/commissioner-greek.woff2") format("woff2");
  unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face{
  font-family:"Commissioner"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("fonts/commissioner-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   Tokens brand
   ========================================================================== */
:root{
  --aurea-white:#ffffff;
  --aurea-wine:#590611;   /* brand */
  --aurea-cream:#f6eade;  /* brand, μόνο σε κάρτες/στοιχεία */
  --aurea-rust:#8e3b34;   /* παράγωγο από το ύφασμα του post */
  --aurea-hair:rgba(89,6,17,.14);
  --aurea-sans:"Commissioner","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --aurea-gutter:clamp(18px,3.4vw,48px);
}

/* Οι μεταβλητές του Blocksy αντικαθίστανται στο body ώστε να κερδίζουν τα :root του θέματος */
body{
  --theme-font-family:var(--aurea-sans);
  --theme-text-color:var(--aurea-wine);
  --theme-headings-color:var(--aurea-wine);
  --theme-link-initial-color:var(--aurea-wine);
  --theme-link-hover-color:var(--aurea-rust);
  --theme-border-color:var(--aurea-hair);
  --theme-button-background-initial-color:var(--aurea-wine);
  --theme-button-background-hover-color:var(--aurea-rust);
  --theme-button-text-initial-color:#fff;
  --theme-button-text-hover-color:#fff;
  --theme-palette-color-1:#590611;
  --theme-palette-color-2:#8e3b34;
  --theme-palette-color-3:#590611;
  --theme-palette-color-4:#590611;
  --theme-palette-color-5:#f6eade;
  --theme-palette-color-6:#f6eade;
  --theme-palette-color-7:#ffffff;
  --theme-palette-color-8:#ffffff;
  background:#fff;
  font-family:var(--aurea-sans);
}

/* Skip link: κρεμ πλαίσιο με βυσσινί κείμενο και λευκό halo, ορατό πάνω στη βυσσινί μπάρα */
.skip-link:focus, .skip-link:focus-visible{
  background:var(--aurea-cream) !important; color:var(--aurea-wine) !important;
  font-weight:600; border-radius:6px;
  outline:2px solid var(--aurea-wine) !important; outline-offset:0 !important;
  box-shadow:0 0 0 5px #fff !important;
}

/* Σε σκούρες περιοχές (μπάρα ανακοίνωσης, hero) το focus δείχνεται με κρεμ outline */
.aurea-hero :focus-visible, .aurea-announce :focus-visible{
  outline:3px solid var(--aurea-cream) !important; outline-offset:4px !important;
}

/* Ορατό focus σε όλο το site (WCAG 2.4.7) */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--aurea-rust); outline-offset:3px;
}

.aurea-sr-only{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ==========================================================================
   Μπάρα ανακοίνωσης (hook blocksy:header:before)
   ========================================================================== */
.aurea-announce{
  background:var(--aurea-wine); color:var(--aurea-cream);
  text-align:center; font-size:11.5px; font-weight:500; letter-spacing:.22em; line-height:1.4;
  padding:11px var(--aurea-gutter);
}

/* ==========================================================================
   Header του Blocksy: καθαρό, λευκό, tracking όπως στο reference
   ========================================================================== */
/* Συμπαγές header: ύψος 76px αντί για 120px, χωρίς τίτλο κάτω από το logo */
#header [data-row*="middle"]{ --height:76px; background:#fff !important; border-bottom:1px solid var(--aurea-hair); }
#header [data-row*="middle"] > .ct-container{ padding-top:0; padding-bottom:0; }
#header .site-title-container{ display:none !important; }
/* Τα links δεν τεντώνονται στο ύψος της σειράς, ώστε η υπογράμμιση να είναι ακριβώς κάτω από το κείμενο */
#header [data-id^="menu"] > ul > li,
#header [data-id^="menu"] > ul > li > a{ height:auto !important; min-height:0 !important; }

#header .ct-menu-link,
#header [data-id^="menu"] > ul > li > a{
  font-family:var(--aurea-sans) !important;
  font-size:12px !important; font-weight:500 !important; letter-spacing:.16em !important;
  text-transform:none !important; color:var(--aurea-wine) !important;
}
#header [data-id^="menu"] > ul{ gap:clamp(18px,2.2vw,34px); }
#header [data-id^="menu"] > ul > li > a{ border-bottom:1px solid transparent; padding:6px 0 !important; line-height:1.3 !important; }
#header [data-id^="menu"] > ul > li > a:hover,
#header [data-id^="menu"] > ul > li.current-menu-item > a,
#header [data-id^="menu"] > ul > li.current_page_item > a{ border-bottom-color:var(--aurea-wine); }

#header .site-logo-container img{ width:clamp(112px,11vw,150px); height:auto; }
#header .ct-header-search,
#header .ct-header-trigger{ color:var(--aurea-wine); }

/* ==========================================================================
   Ταινία συγχρηματοδότησης (hook blocksy:header:after)
   ========================================================================== */
.aurea-funding{ padding:8px var(--aurea-gutter); border-bottom:1px solid var(--aurea-hair); background:#fff; }
.aurea-funding a{ display:block; max-width:1038px; margin:0 auto; }
.aurea-funding img{ display:block; width:100%; height:auto; }
.aurea-funding-alt{ margin:6px 0 0; text-align:center; font-size:12px; letter-spacing:.06em; }
.aurea-funding-alt a{ color:var(--aurea-wine); text-decoration:underline; text-underline-offset:3px; }

/* ==========================================================================
   Αρχική (front-page.php)
   ========================================================================== */
.aurea-home{ color:var(--aurea-wine); font-family:var(--aurea-sans); }
.aurea-home *{ box-sizing:border-box; }

/* Hero: κείμενο πάνω σε εικόνα, όπως στο reference */
.aurea-hero{
  position:relative; isolation:isolate; overflow:hidden; color:var(--aurea-cream);
  min-height:clamp(520px,70vh,740px);
  display:grid; align-items:center;
  padding:clamp(40px,6vw,88px) var(--aurea-gutter);
}
.aurea-hero-art{ position:absolute; inset:0; width:100%; height:100%; z-index:-1; }
.aurea-sway{ transform-origin:30% 50%; animation:aurea-sway 4s ease-out 1 both; } /* μία φορά, 4s: κάτω από το όριο των 5s του WCAG 2.2.2 */
@keyframes aurea-sway{ from{ transform:translate3d(-14px,8px,0) scale(1.03);} to{ transform:translate3d(0,0,0) scale(1);} }

.aurea-hero-copy{ width:min(700px,100%); margin-left:auto; margin-right:clamp(0px,4vw,70px); text-align:center; }
.aurea-eyebrow{ margin:0 0 clamp(12px,1.6vw,20px); font-size:13px; font-weight:700; letter-spacing:.6em; padding-left:.6em; color:inherit; }
.aurea-home h1.aurea-title{
  margin:0; font-weight:900; text-transform:none; color:inherit;
  font-size:clamp(40px,6vw,88px); line-height:.96; letter-spacing:-.012em;
}
.aurea-title span{ display:block; white-space:nowrap; }
.aurea-lede{
  margin:clamp(20px,2.4vw,30px) auto clamp(22px,2.6vw,32px); max-width:40ch; text-wrap:balance;
  font-size:clamp(15px,1.2vw,17px); font-weight:400; letter-spacing:.03em; color:inherit;
}
.aurea-pill{
  display:inline-flex; align-items:center; gap:.7em;
  padding:14px 30px; border:1.5px solid currentColor; border-radius:999px;
  font-size:12px; font-weight:700; letter-spacing:.18em; text-decoration:none; color:inherit;
  background:transparent; transition:background .25s, color .25s, border-color .25s, transform .25s;
}
.aurea-pill:hover{ background:var(--aurea-cream); color:var(--aurea-wine); border-color:var(--aurea-cream); transform:translateY(-1px); }
.aurea-pill svg{ width:16px; height:16px; }
.aurea-pill.is-on-light{ color:var(--aurea-wine); }
.aurea-pill.is-on-light:hover{ background:var(--aurea-wine); color:#fff; border-color:var(--aurea-wine); }

/* Τρεις κάρτες */
.aurea-trio{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(10px,1.2vw,18px); padding:clamp(28px,4vw,52px) var(--aurea-gutter) clamp(20px,3vw,36px); }
.aurea-tile{ margin:0; }
.aurea-tile .ph{ position:relative; display:block; aspect-ratio:1/1.04; overflow:hidden; background:var(--aurea-cream); }
.aurea-tile .ph::before,.aurea-tile .ph::after{ content:""; position:absolute; border-radius:50%; filter:blur(18px); }
.aurea-tile:nth-child(1) .ph::before{ width:70%; height:90%; right:-12%; bottom:-22%; background:radial-gradient(closest-side,rgba(89,6,17,.55),transparent 72%); }
.aurea-tile:nth-child(1) .ph::after{ width:44%; height:44%; left:8%; top:10%; background:radial-gradient(closest-side,rgba(255,255,255,.9),transparent 70%); }
.aurea-tile:nth-child(2) .ph::before{ width:80%; height:70%; left:-10%; top:-14%; background:radial-gradient(closest-side,rgba(142,59,52,.45),transparent 72%); }
.aurea-tile:nth-child(2) .ph::after{ width:50%; height:50%; right:6%; bottom:6%; background:radial-gradient(closest-side,rgba(255,255,255,.85),transparent 70%); }
.aurea-tile:nth-child(3) .ph::before{ width:90%; height:60%; left:5%; bottom:-14%; background:radial-gradient(closest-side,rgba(176,100,79,.6),transparent 72%); }
.aurea-tile:nth-child(3) .ph::after{ width:40%; height:40%; right:10%; top:8%; background:radial-gradient(closest-side,rgba(255,255,255,.9),transparent 70%); }
.aurea-tile .no{ position:absolute; top:16px; left:18px; font-size:11px; font-weight:600; letter-spacing:.3em; z-index:1; }
.aurea-tile figcaption{ padding-top:14px; font-size:clamp(15px,1.3vw,18px); font-weight:500; letter-spacing:.01em; }

/* Split */
.aurea-split{ display:grid; grid-template-columns:1fr 1fr; align-items:stretch; margin-top:clamp(20px,3vw,40px); }
.aurea-split-copy{ display:grid; align-content:center; justify-items:center; text-align:center; gap:clamp(14px,1.6vw,22px); padding:clamp(40px,6vw,90px) var(--aurea-gutter); }
.aurea-kicker{ margin:0; font-size:clamp(11px,.95vw,13px); font-weight:500; letter-spacing:.14em; }
.aurea-home h2.aurea-split-title{ margin:0; font-weight:900; font-size:clamp(34px,4.6vw,66px); line-height:.96; letter-spacing:-.012em; color:var(--aurea-wine); }
.aurea-split-art{ position:relative; min-height:clamp(320px,38vw,560px); background:var(--aurea-cream); overflow:hidden; }
.aurea-split-art svg{ position:absolute; inset:0; width:100%; height:100%; }

/* Reveal στο φόρτωμα */
.aurea-rise{ opacity:0; transform:translateY(16px); animation:aurea-rise .9s cubic-bezier(.2,.7,.2,1) forwards; animation-delay:var(--d,0s); }
@keyframes aurea-rise{ to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){
  .aurea-rise{ opacity:1; transform:none; animation:none; }
  .aurea-sway{ animation:none; }
  .aurea-pill{ transition:none; }
}

/* ==========================================================================
   Footer (κρύβουμε του Blocksy, ώστε να μην εμφανίζεται credit του θέματος)
   ========================================================================== */
#footer.ct-footer{ display:none; }
.aurea-footer{
  margin-top:clamp(28px,4vw,56px); border-top:1px solid var(--aurea-hair); background:#fff; color:var(--aurea-wine);
  display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:space-between;
  padding:24px var(--aurea-gutter); font-family:var(--aurea-sans);
}
.aurea-footer img{ width:120px; height:auto; display:block; }
.aurea-footer p{ margin:0; font-size:12px; letter-spacing:.16em; font-weight:500; }
.aurea-footer a{ text-decoration:none; border-bottom:1px solid var(--aurea-wine); }
.aurea-footer .aurea-credit{ flex:0 0 100%; text-align:center; margin-top:4px; padding-top:14px; border-top:1px solid var(--aurea-hair); font-size:11.5px; letter-spacing:.18em; font-weight:500; }

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (max-width:760px){
  .aurea-announce{ font-size:10.5px; letter-spacing:.16em; }
  .aurea-hero{ min-height:0; align-items:center; padding:52px var(--aurea-gutter) 44px; }
  .aurea-hero-copy{ margin:0 auto; }
  .aurea-trio{ grid-template-columns:1fr; }
  .aurea-tile .ph{ aspect-ratio:16/10; }
  .aurea-split{ grid-template-columns:1fr; }
  .aurea-split-art{ min-height:260px; order:-1; }
  .aurea-footer{ flex-direction:column; justify-content:center; text-align:center; gap:16px; }
}