/* ─────────────────────────────────────────────────────────────
   WordPress-only προσθήκες.

   Το assets/css/site.css είναι η κλειδωμένη design baseline και μένει
   ταυτόσημο με το εγκεκριμένο preview-v5. Ό,τι χρειάζεται ΜΟΝΟ επειδή
   τρέχουμε σε WordPress/WooCommerce μπαίνει εδώ, ώστε η baseline να
   παραμένει συγκρίσιμη byte προς byte.
   ───────────────────────────────────────────────────────────── */

/* Το checkout αναφέρεται στο Office Blue ως --office-blue, αλλά στο
   design system η μεταβλητή λέγεται --blue. Χωρίς αυτό το alias, focus,
   hover και eyebrow έπεφταν σε default χρώμα. */
:root{--office-blue:var(--blue)}

/* στενό κείμενο για όρους, πολιτική απορρήτου κ.λπ. */
.shell-narrow{max-width:760px}

/* το περιεχόμενο του editor κληρονομεί την τυπογραφία του site */
.entry-content{color:var(--muted);font-size:16px;line-height:1.7}
.entry-content > * + *{margin-top:18px}
.entry-content h2{margin-top:36px;color:var(--ink)}
.entry-content h3{margin-top:28px;color:var(--ink)}
.entry-content ul,
.entry-content ol{padding-left:22px}
.entry-content li + li{margin-top:8px}
.entry-content a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.entry-content img{max-width:100%;height:auto;border-radius:14px}
.entry-content blockquote{margin:0;padding:16px 20px;border-left:3px solid var(--line);background:var(--paper-2);border-radius:0 14px 14px 0}

/* WooCommerce wrapper: μόνο ρυθμός, όχι restyling του καταστήματος */
.wc-main{padding:56px 0 88px}
.wc-main .woocommerce-notices-wrapper:empty{display:none}

/* WordPress admin bar.

   >782px: το #wpadminbar είναι position:fixed, άρα ο sticky header πρέπει να
   κολλάει από κάτω του.

   <=782px: το admin bar είναι position:absolute και φεύγει με το scroll. Αν
   καρφώναμε τον header στα 46px θα έμενε μόνιμο νεκρό κενό μόλις ο χρήστης
   κυλήσει, οπότε εκεί ο header μένει στο top:0. */
body.admin-bar .site-header{top:32px}
@media (max-width:782px){
  body.admin-bar .site-header{top:0}
}

/* βασικά alignment classes του editor */
.alignleft{float:left;margin:0 20px 16px 0}
.alignright{float:right;margin:0 0 16px 20px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}

/* ─────────────────────────────────────────────────────────────
   WooCommerce My Account — branded παρουσίαση.
   Τα δεδομένα και η λογική ανήκουν στο officefleet-core.
   ───────────────────────────────────────────────────────────── */

/* Η διάταξη και η πλοήγηση βρίσκονται στο μπλοκ «Λογαριασμός — πλοήγηση» πιο κάτω. */

.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content > h3:first-child{margin-top:0}

/* κάρτες υπηρεσιών */
.of-services-intro{margin:0 0 18px}
.of-services{display:grid;gap:18px}
.of-service .ac-plan{margin:14px 0 0}
.of-service-action{margin-top:18px}
.woocommerce-account .entry-content .of-service-action a.pill-dark{
  color:#fff;text-decoration:none
}
.of-empty{text-align:center;padding:38px 26px}
.of-empty h3{margin:0 0 8px}
.of-empty .sub{margin:0 auto 20px;max-width:46ch}

/* πίνακες και φόρμες του WooCommerce στο ύφος του site */
.woocommerce-account .shop_table{
  width:100%;border-collapse:collapse;background:#fff;
  border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:14.5px
}
.woocommerce-account .shop_table th,
.woocommerce-account .shop_table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line)}
.woocommerce-account .shop_table thead th{background:var(--paper-2);font-size:12.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.woocommerce-account .shop_table tr:last-child td{border-bottom:0}

.woocommerce-account form .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.woocommerce-account form label{font-size:13.5px;font-weight:600;color:var(--ink)}
.woocommerce-account input[type=text],
.woocommerce-account input[type=email],
.woocommerce-account input[type=tel],
.woocommerce-account input[type=password],
.woocommerce-account select,
.woocommerce-account textarea{
  width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;
  background:#fff;color:var(--ink);font:inherit;font-size:15px
}
.woocommerce-account input:focus-visible,
.woocommerce-account select:focus-visible,
.woocommerce-account textarea:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-color:var(--indigo)}

.woocommerce-account .button,
.woocommerce-account button[type=submit]{
  display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border:0;border-radius:999px;
  background:var(--navy);color:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;
  transition:transform .18s var(--ease),opacity .18s var(--ease)
}
.woocommerce-account .button:hover,
.woocommerce-account button[type=submit]:hover{transform:translateY(-1px);opacity:.94}

/* σύνδεση και ανάκτηση κωδικού */
.woocommerce-account:not(.logged-in) .woocommerce{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-ResetPassword{
  padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff
}
.woocommerce-account .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:9px;font-weight:500}
.woocommerce-account .woocommerce-LostPassword{margin:14px 0 0;font-size:13.5px}

/* Αίτημα ανάκτησης και ορισμός νέου κωδικού: πάντα μία στήλη.
   Το woocommerce-layout.css βάζει float:left/right και width:47% στα
   .form-row-first/.form-row-last. Ο δικός μας κανόνας
   `.woocommerce-account form .form-row{display:flex}` κάνει τη γραμμή του
   submit block formatting context, οπότε στριμωχνόταν στο κενό ανάμεσα στα
   δύο floats (κουμπί 40px πάνω στο label) και το δεύτερο πεδίο έβγαινε από
   την card. Κάτω από 768px το ακύρωνε το woocommerce-smallscreen.css, γι' αυτό
   χαλούσε μόνο σε desktop. */
.woocommerce-account .woocommerce-ResetPassword .form-row{float:none;width:100%}
.woocommerce-account .woocommerce-ResetPassword > p:first-child{margin:0 0 20px;color:var(--muted);line-height:1.6}
.woocommerce-account .woocommerce-ResetPassword .form-row:last-of-type{margin:6px 0 0}
.woocommerce-account .woocommerce-ResetPassword button[type=submit]{width:100%;justify-content:center;padding-block:14px}
/* Ο ορισμός κωδικού έχει δύο πεδία με μεγαλύτερα labels: λίγο φαρδύτερη card. */
.woocommerce-account:not(.logged-in) .woocommerce:has(input[name=reset_key]){max-width:640px}

/* ειδοποιήσεις */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  margin:0 0 20px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;
  background:var(--paper-2);font-size:14.5px;list-style:none
}

/* ─────────────────────────────────────────────────────────────
   OfficeFleet Checkout — focused, mobile-first purchase flow.
   ───────────────────────────────────────────────────────────── */
.woocommerce-checkout .wc-main{padding-top:42px;background:linear-gradient(180deg,#f5f4f0 0,#f8f8f6 100%)}
.woocommerce-checkout .entry-header{display:none}
.of-checkout-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.of-checkout-intro>div{max-width:690px}
.of-checkout-intro h1{font-size:clamp(38px,4.2vw,60px)}
.of-checkout-intro>div>p:last-child{margin:14px 0 0;max-width:58ch;color:var(--muted);line-height:1.65}
.of-checkout-progress{display:flex;align-items:center;gap:10px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:12px;font-weight:650}
.of-checkout-progress li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.of-checkout-progress li+li::before{content:"";width:28px;height:1px;margin-right:3px;background:var(--line)}
.of-checkout-progress span{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}
.of-checkout-progress .is-done span{border-color:rgba(22,133,99,.18);background:rgba(22,133,99,.1);color:var(--success)}
.of-checkout-progress .is-current{color:var(--ink)}
.of-checkout-progress .is-current span{border-color:var(--navy);background:var(--navy);color:#fff}

.of-checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:24px;align-items:start}
.of-checkout-main,.of-checkout-summary{border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(16,20,38,.06)}
.of-checkout-main{padding:clamp(24px,3vw,42px)}
.of-checkout-summary{padding:28px}
.of-checkout-aside{position:sticky;top:calc(var(--nav-h) + 52px)}
.of-checkout-section-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line-soft)}
.of-checkout-section-head>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
.of-checkout-section-head h2,.of-checkout-summary h2{margin:0;font-size:clamp(23px,2.3vw,31px)}
.of-checkout-section-head p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.of-checkout-summary>.eyebrow{margin:0 0 6px;color:var(--office-blue);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

.of-checkout .woocommerce-billing-fields>h3,.of-checkout .woocommerce-additional-fields>h3{display:none}
.of-checkout .woocommerce-billing-fields__field-wrapper{display:flex;flex-wrap:wrap;gap:18px 16px}
.of-checkout .form-row{float:none!important;width:100%;margin:0;padding:0}
.of-checkout .form-row-first,.of-checkout .form-row-last{width:calc(50% - 8px)}
.of-checkout .form-row label{display:block;margin:0 0 8px;color:var(--ink);font-size:13px;font-weight:650}
.of-checkout abbr.required{color:#b5323c;text-decoration:none}
.of-checkout input.input-text,.of-checkout textarea,.of-checkout select{
  width:100%;min-height:54px;padding:13px 15px;border:1px solid #d9d8d3;border-radius:13px;
  background:#fff;color:var(--ink);font:inherit;font-size:16px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)
}
.of-checkout textarea{min-height:105px;resize:vertical}
.of-checkout input.input-text:focus,.of-checkout textarea:focus,.of-checkout select:focus{outline:0;border-color:var(--office-blue);box-shadow:0 0 0 4px rgba(70,86,166,.12)}
.of-checkout .of-field-error input,.of-checkout .woocommerce-invalid input{border-color:#b5323c;background:#fffafa}
.of-checkout [hidden]{display:none!important}

.of-choice-field{padding:20px!important;border-radius:18px;background:var(--paper-2)}
.of-choice-field>label:first-child{margin-bottom:12px;font-size:15px}
.of-choice-field .woocommerce-input-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.of-choice-field .woocommerce-input-wrapper>label{position:relative;display:flex;min-height:68px;align-items:center;margin:0;padding:13px 13px 13px 42px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;line-height:1.35;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}
.of-choice-field .woocommerce-input-wrapper>label:hover{border-color:var(--office-blue);transform:translateY(-1px)}
.of-choice-field .woocommerce-input-wrapper>label.is-selected{border-color:var(--navy);box-shadow:0 0 0 2px rgba(37,47,105,.12)}
.of-choice-field .woocommerce-input-wrapper>input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.of-choice-field .woocommerce-input-wrapper>label::before{content:"";position:absolute;left:15px;width:16px;height:16px;border:1.5px solid #b8b9bf;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff}
.of-choice-field .woocommerce-input-wrapper>label.is-selected::before{border-color:var(--navy);background:var(--navy)}
.of-choice-field .woocommerce-input-wrapper .required{display:none}
.of-choice-field input[type=radio]+span{display:none}
.of-stage-field{order:-1}
.of-vat-field .optional{display:none}
.of-order-note{margin-top:22px!important;padding-top:22px!important;border-top:1px solid var(--line-soft)}

.of-checkout-summary .shop_table{width:100%;margin:20px 0;border:0;border-collapse:collapse;font-size:14px}
.of-checkout-summary .shop_table th,.of-checkout-summary .shop_table td{padding:13px 0;border-bottom:1px solid var(--line-soft);text-align:left}
.of-checkout-summary .shop_table td{text-align:right;font-variant-numeric:tabular-nums}
.of-checkout-summary .product-quantity{display:none}
.of-checkout-summary .of-checkout-product th{max-width:230px;font-weight:700;color:var(--ink)}
.of-checkout-summary .of-checkout-product td{font-weight:700;color:var(--ink)}
.of-checkout-summary .fee th,.of-checkout-summary .fee td{color:var(--muted);font-size:12.5px}
.of-checkout-summary .order-total th,.of-checkout-summary .order-total td{padding-top:19px;border:0;color:var(--ink);font-size:19px}
.of-checkout-summary .order-total td{font-family:var(--display);font-size:25px}
.of-checkout-summary #payment{margin-top:20px;background:transparent}
.of-checkout-summary .wc_payment_methods{margin:0 0 20px;padding:0;list-style:none}
.of-checkout-summary .wc_payment_method{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2)}
.of-checkout-summary .wc_payment_method>label{font-weight:650;cursor:pointer}
.of-checkout-summary .payment_box{margin-top:9px;color:var(--muted);font-size:12.5px;line-height:1.55}
.of-checkout-summary .payment_box p{margin:0}
.of-checkout-summary .place-order{margin:20px 0 0}
.of-checkout-summary .woocommerce-terms-and-conditions-wrapper{color:var(--muted);font-size:12.5px;line-height:1.55}
.of-checkout-summary .woocommerce-terms-and-conditions-wrapper a{text-decoration:underline;text-underline-offset:2px}
.of-checkout-summary .form-row label.checkbox{display:flex;align-items:flex-start;gap:9px;font-weight:500}
.of-checkout-summary input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--navy)}
.of-checkout-summary #place_order{display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;margin-top:16px;padding:15px 20px;border:0;border-radius:999px;background:var(--navy);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease)}
.of-checkout-summary #place_order:hover{background:var(--ink);transform:translateY(-1px)}
.of-checkout-summary #place_order:disabled{cursor:wait;opacity:.55;transform:none}
.of-checkout-trust{display:grid;gap:8px;margin:14px 0 0;padding:0 8px;list-style:none;color:var(--muted);font-size:11.5px}
.of-checkout-trust li::before{content:"✓";margin-right:7px;color:var(--success);font-weight:800}
.woocommerce-checkout .woocommerce-error{margin-bottom:22px;border-color:rgba(181,50,60,.25);background:#fff7f7;color:#75242b}
.woocommerce-checkout .woocommerce-form-coupon-toggle,.woocommerce-checkout .woocommerce-form-login-toggle{display:none}

@media(max-width:900px){
  .of-checkout-intro{display:block}.of-checkout-progress{margin-top:24px}
  .of-checkout-layout{grid-template-columns:1fr}.of-checkout-aside{position:static}
  .of-checkout-summary{box-shadow:0 12px 34px rgba(16,20,38,.05)}
}
@media(max-width:620px){
  .woocommerce-checkout .wc-main{padding:28px 0 110px}
  .of-checkout-intro{margin-bottom:24px}.of-checkout-intro h1{font-size:38px}.of-checkout-intro>div>p:last-child{font-size:14px}
  .of-checkout-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:10.5px}.of-checkout-progress li{justify-content:center}.of-checkout-progress li+li::before{display:none}
  .of-checkout-main,.of-checkout-summary{border-radius:20px}.of-checkout-main{padding:22px 18px}.of-checkout-summary{padding:22px 18px}
  .of-checkout .woocommerce-billing-fields__field-wrapper{gap:15px}.of-checkout .form-row-first,.of-checkout .form-row-last{width:100%!important;flex:0 0 100%}
  .of-choice-field{padding:15px!important}.of-choice-field .woocommerce-input-wrapper{grid-template-columns:1fr}
  .of-choice-field .woocommerce-input-wrapper>label{min-height:54px}
  .of-checkout input.input-text,.of-checkout textarea,.of-checkout select{min-height:52px}
  .of-checkout-summary #place_order{min-height:56px}
}
.woocommerce-message{border-color:rgba(22,133,99,.3);background:rgba(22,133,99,.08)}
.woocommerce-error{border-color:rgba(186,52,52,.3);background:rgba(186,52,52,.07)}

/* ─────────────────────────────────────────────────────────────
   Checkout — τελικό visual polish. Καμία αλλαγή δομής ή λειτουργίας.

   Το WooCommerce φορτώνει ακόμη το woocommerce-layout.css, του οποίου
   οι κανόνες έχουν ΥΨΗΛΟΤΕΡΟ specificity από τους δικούς μας:
     .woocommerce-page form .form-row label.checkbox  (0,3,2) → inline
     .woocommerce form .form-row label                (0,2,2) → block
   και ακύρωναν το σχεδιασμένο flex/grid. Το πρόθεμα `form.of-checkout`
   αποκαθιστά την πρόθεση του design χωρίς !important.
   ───────────────────────────────────────────────────────────── */

/* Συγκαταθέσεις: οι γραμμές που τυλίγουν ευθυγραμμίζονται με το κείμενο,
   όχι κάτω από το κουτάκι. Το absolute πάνω στο input δουλεύει ανεξάρτητα
   από το πόσα inline στοιχεία (links, abbr) έχει η ετικέτα. */
form.of-checkout .of-checkout-summary .form-row label.checkbox{
  display:block;position:relative;margin:0;padding-left:28px;
  color:var(--ink);font-size:13.5px;font-weight:500;line-height:1.5;cursor:pointer
}
form.of-checkout .of-checkout-summary .form-row label.checkbox input[type=checkbox]{
  position:absolute;left:0;top:1px;width:18px;height:18px;margin:0;vertical-align:baseline;accent-color:var(--navy)
}
form.of-checkout .of-checkout-summary .form-row label.checkbox a{text-decoration:underline;text-underline-offset:2px}
form.of-checkout .of-checkout-summary p.form-row:has(> label.checkbox){margin-top:12px}

/* Κάρτες επιλογής: ετικέτα και δείκτης κεντραρισμένα κάθετα. */
form.of-checkout .of-choice-field .woocommerce-input-wrapper > label{display:flex;align-items:center;margin:0}
form.of-checkout .of-choice-field .woocommerce-input-wrapper > label::before{top:50%;transform:translateY(-50%)}

/* Η «μορφή επιχείρησης» έχει δύο επιλογές: γεμίζουν τη γραμμή αντί να
   αφήνουν άδεια την τρίτη στήλη. */
form.of-checkout .of-for-business .woocommerce-input-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}


@media(max-width:620px){
  form.of-checkout .of-for-business .woocommerce-input-wrapper{grid-template-columns:1fr}
}


/* ─────────────────────────────────────────────────────────────
   Λογαριασμός — v2. Ελαφρύτερο μενού με εικονίδια, πίνακας ελέγχου
   με την υπηρεσία, αντίστροφη μέτρηση, μισθωτήριο, υποστήριξη.
   ───────────────────────────────────────────────────────────── */

/* Το .entry-content βάφει κάθε link ναυτικό μπλε και το υπογραμμίζει, με
   specificity (0,1,1) που κερδίζει το .pill-dark (0,1,0): ναυτικό κείμενο
   πάνω σε ναυτικό κουμπί. Επαναφέρουμε τα κουμπιά. */
.woocommerce-account .entry-content a.pill,
.woocommerce-account .entry-content a.button{text-decoration:none}
.woocommerce-account .entry-content a.pill-dark{color:#fff}
.woocommerce-account .entry-content a.pill-outline{color:var(--ink)}
.woocommerce-account .entry-content a.pill-outline:hover,
.woocommerce-account .entry-content a.pill-outline:focus-visible{color:#fff}

/* Τίτλος σελίδας: μέγεθος σελίδας εργασίας, όχι hero. */
.woocommerce-account .section-head{margin-bottom:26px}
.woocommerce-account .section-head h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-.02em}
.woocommerce-account .wc-main{padding-bottom:56px}

/* ─────────────────────────────────────────────────────────────
   Λογαριασμός — πλοήγηση.
   ≥900px: sidebar web app, σταθερό πλάτος, sticky.
   <900px: οριζόντια tabs πάνω από το περιεχόμενο, με ασφαλές scroll.
   Κανένα fixed height: μόνο min-height για στόχους αφής.
   ───────────────────────────────────────────────────────────── */

.woocommerce-MyAccount-navigation-link--dashboard{--of-ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='7'%20height='7'%20rx='1.6'/%3E%3Crect%20x='13.5'%20y='3.5'%20width='7'%20height='7'%20rx='1.6'/%3E%3Crect%20x='3.5'%20y='13.5'%20width='7'%20height='7'%20rx='1.6'/%3E%3Crect%20x='13.5'%20y='13.5'%20width='7'%20height='7'%20rx='1.6'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--services{--of-ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2020.5V8.2l8-4.7%208%204.7v12.3'/%3E%3Cpath%20d='M9.5%2020.5v-6h5v6M3%2020.5h18'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders{--of-ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%203.5h12v17l-3-2-3%202-3-2-3%202z'/%3E%3Cpath%20d='M9%208.5h6M9%2012h6'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account{--of-ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8.5'%20r='3.8'/%3E%3Cpath%20d='M4.5%2020.5a7.5%207.5%200%200%201%2015%200'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout{--of-ico:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14.5%204.5h3a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202h-3'/%3E%3Cpath%20d='M10%2016.5%205.5%2012%2010%207.5M5.5%2012H15'/%3E%3C/svg%3E")}

/* Τα grid items έχουν min-width:auto και μια στήλη 1fr σημαίνει
   minmax(auto,1fr): χωρίς min-width:0 τα nowrap tabs τέντωναν τη σελίδα. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;min-width:0}

.of-account-nav ul{margin:0;padding:0;list-style:none}
.of-account-nav li{margin:0}
.woocommerce-account .of-account-nav a{
  display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;
  border-radius:12px;color:var(--ink);text-decoration:none;
  font-size:14.5px;font-weight:550;line-height:1.25;
  transition:background .18s var(--ease),color .18s var(--ease)
}
.woocommerce-account .of-account-nav a::before{
  content:"";width:18px;height:18px;flex:0 0 auto;background:currentColor;opacity:.72;
  -webkit-mask:var(--of-ico) center/contain no-repeat;mask:var(--of-ico) center/contain no-repeat
}
.woocommerce-account .of-account-nav a:hover{background:var(--paper-2)}
.woocommerce-account .of-account-nav a[aria-current="page"],
.woocommerce-account .of-account-nav li.is-active a{background:var(--tint);color:var(--navy);font-weight:700}
.woocommerce-account .of-account-nav a[aria-current="page"]::before,
.woocommerce-account .of-account-nav li.is-active a::before{opacity:1}
/* Το focus ring μέσα στο στοιχείο: σε container με overflow δεν κόβεται. */
.woocommerce-account .of-account-nav a:focus-visible{outline:2px solid var(--indigo);outline-offset:-2px}
.of-nav-label{white-space:nowrap}

.of-nav-badge{
  display:inline-grid;min-width:22px;height:22px;margin-left:auto;padding:0 7px;place-items:center;
  flex:0 0 auto;border-radius:999px;background:var(--paper-2);color:var(--muted);
  font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums
}
.of-nav-badge.is-soon{background:#fdf1dc;color:#8a5a00}
.of-nav-badge.is-soon::after{content:"";width:6px;height:6px;margin-left:5px;border-radius:50%;background:#e39b12}
.of-nav-badge.is-soon{display:inline-flex;align-items:center}

.woocommerce-account .of-nav-logout a{color:var(--muted)}
.woocommerce-account .of-nav-logout a:hover{color:var(--ink)}

/* ── Desktop: sidebar ── */
@media (min-width:900px){
  .woocommerce-account.logged-in .woocommerce{
    display:grid;grid-template-columns:252px minmax(0,1fr);gap:44px;align-items:start
  }
  .woocommerce-account .woocommerce-MyAccount-content{max-width:820px}

  .of-account-nav{
    position:sticky;top:calc(var(--nav-h,88px) + 24px);
    padding:10px;border:1px solid var(--line);border-radius:20px;background:#fff;
    box-shadow:0 10px 30px rgba(16,20,38,.05)
  }
  .of-account-id{display:flex;align-items:center;gap:11px;margin:4px 4px 10px;padding:6px 6px 14px;border-bottom:1px solid var(--line-soft)}
  .of-account-avatar{
    display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:50%;
    background:var(--navy);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em
  }
  .of-account-who{display:flex;flex-direction:column;min-width:0}
  .of-account-who b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
  /* Email σε μία γραμμή: ένα σπάσιμο στη μέση της διεύθυνσης διαβάζεται σαν λάθος.
     Το πλήρες email είναι στο title. */
  .of-account-who span{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}

  .of-account-nav ul{display:flex;flex-direction:column;gap:2px}
  /* Λεπτή μπάρα στα αριστερά του ενεργού. */
  .woocommerce-account .of-account-nav a{position:relative}
  .woocommerce-account .of-account-nav a[aria-current="page"]::after,
  .woocommerce-account .of-account-nav li.is-active a::after{
    content:"";position:absolute;left:-10px;top:50%;width:3px;height:22px;
    border-radius:0 3px 3px 0;background:var(--navy);transform:translateY(-50%)
  }
  /* Η αποσύνδεση χωριστά στο κάτω μέρος. */
  .of-account-nav li.of-nav-logout{margin-top:8px;padding-top:8px;border-top:1px solid var(--line-soft)}
}

/* ── Mobile & tablet: οριζόντια tabs ── */
@media (max-width:899.98px){
  .woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
  .of-account-id{display:none}

  .of-account-nav{
    position:relative;border:1px solid var(--line);border-radius:16px;background:#fff
  }
  .of-account-nav ul{
    display:flex;gap:4px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  .of-account-nav ul::-webkit-scrollbar{display:none}
  /* Χωρίς scroll-snap: τραβούσε πίσω τις μικρές μετακινήσεις και άφηνε το
     tab με focus μισό εκτός οθόνης. */
  .of-account-nav li{flex:0 0 auto}
  .woocommerce-account .of-account-nav a{padding:10px 13px;font-size:13.5px;white-space:nowrap}
  .of-nav-badge{margin-left:2px}

  /* Ξεθώριασμα μόνο προς την κατεύθυνση όπου υπάρχουν κι άλλα tabs.
     Οι κλάσεις μπαίνουν από το site.js· χωρίς JS δεν εμφανίζεται fade. */
  .of-account-nav::before,
  .of-account-nav::after{
    content:"";position:absolute;top:1px;bottom:1px;width:28px;pointer-events:none;
    opacity:0;transition:opacity .2s var(--ease);z-index:1
  }
  .of-account-nav::before{left:1px;border-radius:16px 0 0 16px;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0))}
  .of-account-nav::after{right:1px;border-radius:0 16px 16px 0;background:linear-gradient(270deg,#fff 30%,rgba(255,255,255,0))}
  .of-account-nav.can-scroll-left::before,
  .of-account-nav.can-scroll-right::after{opacity:1}
}

/* Χαιρετισμός */
.of-account-name{margin:0 0 4px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.of-account-greeting h2{margin:0;font-size:clamp(24px,2.4vw,30px)}
.of-account-greeting .sub{margin:6px 0 22px}
.of-account-more{margin:14px 0 0}
.woocommerce-account .entry-content .of-account-more a{font-weight:700;text-decoration:none}

/* Κάρτα υπηρεσίας */
.of-service .ac-card-head{align-items:flex-start}
.of-service-id{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em}
.of-service-plan{margin:0;font-size:clamp(19px,1.9vw,23px)}
.of-service .ac-expiry{margin-top:16px}
.of-countdown{
  display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:6px 12px;
  border-radius:999px;background:var(--tint);color:var(--navy);font-size:13px;font-weight:700
}
.of-countdown::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.of-countdown.is-soon{background:#fdf1dc;color:#8a5a00}
.of-service.is-expiring{border-color:#f0d49a;box-shadow:0 0 0 3px rgba(240,180,60,.12)}
.of-service.is-inactive .of-countdown{background:var(--paper-2);color:var(--muted)}
.of-service-last{margin:14px 0 0;color:var(--muted);font-size:13px}

/* Μισθωτήριο */
.of-lease{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}
.of-lease-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:12px;background:#fff;color:var(--navy)}
.of-lease-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.of-lease-text{flex:1;min-width:0}
.of-lease-text b{display:block;font-size:14.5px}
.of-lease-text span{color:var(--muted);font-size:12.5px}
.of-lease-actions{display:flex;gap:8px}
.of-lease-actions .pill{padding:9px 14px;font-size:13px}
.of-lease-pending{margin:16px 0 0;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:13px}

/* Υποστήριξη */
.of-support{
  display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;
  padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:#fff
}
.of-support b{display:block;font-size:15px}
.of-support p{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.of-support-links{display:flex;gap:8px;flex-wrap:wrap}

@media (max-width:620px){
  .of-lease{flex-wrap:wrap}
  .of-lease-actions{width:100%}
  .of-lease-actions .pill{flex:1;justify-content:center}
  .of-support{flex-direction:column;align-items:flex-start}
}

/* ─────────────────────────────────────────────────────────────
   Checkout — σήματα εμπιστοσύνης μέσα στην κάρτα, με εικονίδια,
   και λιγότερος κενός χώρος κάτω.
   ───────────────────────────────────────────────────────────── */
form.of-checkout .of-checkout-summary .of-checkout-trust{
  display:grid;gap:10px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line-soft);
  list-style:none;color:var(--muted);font-size:12.5px;line-height:1.4
}
form.of-checkout .of-checkout-trust li{display:flex;align-items:center;gap:10px;margin:0;padding:0}
form.of-checkout .of-checkout-trust li::before{content:none}
.of-trust-icon{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(22,133,99,.1);color:var(--success)}
.of-trust-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.woocommerce-checkout .wc-main{padding-bottom:48px}
@media (max-width:620px){
  .woocommerce-checkout .wc-main{padding-bottom:40px}
}


/* ─────────────────────────────────────────────────────────────
   Σελίδα επιβεβαίωσης παραγγελίας.
   ───────────────────────────────────────────────────────────── */
.woocommerce-order-received .wc-main{padding-top:48px;padding-bottom:64px}
.of-ty{max-width:880px;margin-inline:auto}

.of-ty-head{text-align:center;margin:0 auto 30px;max-width:640px}
.of-ty-icon{display:grid;width:56px;height:56px;margin:0 auto 18px;place-items:center;border-radius:50%}
.of-ty-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.of-ty-icon--ok{background:rgba(22,133,99,.12);color:var(--success)}
.of-ty-icon--wait{background:var(--tint);color:var(--navy)}
.of-ty-icon--no{background:rgba(181,50,60,.1);color:#a3303a}
.of-ty-title{margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.02em}
.of-ty-lead{margin:12px auto 0;max-width:52ch;color:var(--muted);font-size:16px;line-height:1.6}

.of-ty-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.of-ty-card{padding:24px;border-radius:22px}
/* Μία κάρτα (αποτυχία/ακύρωση): κεντραρισμένη, όχι μισό grid. */
.of-ty-grid--single{grid-template-columns:minmax(0,460px);justify-content:center}
.of-ty-h2{margin:0 0 14px;font-size:17px;letter-spacing:-.01em}

.of-ty-list{margin:0}
.of-ty-list > div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line-soft)}
.of-ty-list > div:last-child{border-bottom:0}
.of-ty-list dt{color:var(--muted);font-size:14px}
.of-ty-list dd{margin:0;color:var(--ink);font-size:14.5px;font-weight:600;text-align:right;overflow-wrap:anywhere}
.of-ty-list .of-ty-total dd{font-family:var(--display);font-size:19px}

.of-ty-service{margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft)}
.of-ty-service-id{margin:0 0 10px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em}

.of-ty-steps{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.of-ty-steps li{display:flex;gap:12px;align-items:flex-start}
.of-ty-steps li > span{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--tint);color:var(--navy);font-size:12.5px;font-weight:700}
.of-ty-steps p{margin:3px 0 0;color:var(--ink);font-size:14.5px;line-height:1.5}
.of-ty-note{margin:16px 0 0;padding:12px 14px;border-radius:14px;background:var(--paper-2);color:var(--muted);font-size:13px;line-height:1.5}

/* Οδηγίες gateway (π.χ. στοιχεία τραπεζικής μεταφοράς). */
.of-ty-gateway{margin-top:18px}
.of-ty-gateway h2{margin:0 0 12px;font-size:17px}
.of-ty-gateway ul{margin:0;padding:0;list-style:none}
.of-ty-gateway li{padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:14px}

.of-ty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.woocommerce-order-received .entry-content .of-ty-actions a.pill{text-decoration:none}
.woocommerce-order-received .entry-content .of-ty-actions a.pill-dark{color:#fff}
.woocommerce-order-received .entry-content .of-ty-actions a.pill-outline{color:var(--ink)}
.woocommerce-order-received .entry-content .of-ty-actions a.pill-outline:hover,
.woocommerce-order-received .entry-content .of-ty-actions a.pill-outline:focus-visible{color:#fff}

/* Η σελίδα είναι μέσα στο .entry-content, του οποίου οι κανόνες (χρώμα
   κειμένου, margin στα h2, padding στις λίστες) έχουν specificity (0,1,1) και
   κέρδιζαν: γκρι τίτλος, 36px κενό στις κάρτες, εσοχή στα βήματα. */
.of-ty .of-ty-title{color:var(--ink)}
.of-ty .of-ty-h2,
.of-ty .of-ty-gateway h2{margin:0 0 14px;color:var(--ink);font-size:17px}
.of-ty .of-ty-gateway h3{margin:0 0 6px;color:var(--ink);font-size:15px}
.of-ty .of-ty-steps,
.of-ty .of-ty-gateway ul{margin:0;padding:0}
.of-ty .of-ty-steps li + li,
.of-ty .of-ty-gateway li + li{margin-top:0}
.of-ty .of-ty-list dt,
.of-ty .of-ty-lead,
.of-ty .of-ty-note{color:var(--muted)}

@media (prefers-reduced-motion:no-preference){
  .of-ty-icon{animation:of-ty-pop .5s var(--ease) both}
  @keyframes of-ty-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
}

@media (max-width:720px){
  .woocommerce-order-received .wc-main{padding-top:30px;padding-bottom:44px}
  .of-ty-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .of-ty-card{padding:20px 18px;border-radius:18px}
  .of-ty-head{margin-bottom:22px}
  .of-ty-icon{width:48px;height:48px;margin-bottom:14px}
  .of-ty-actions{flex-direction:column;align-items:stretch}
  .of-ty-actions .pill{justify-content:center}
}

/* ─────────────────────────────────────────────────────────────
   Επιλογέας γλώσσας EL | EN.
   Μικρό segmented control δίπλα στον λογαριασμό. Τα `.primary-nav a`
   και `.primary-nav.open a:not(.pill)` στυλ (υπογράμμιση, κάρτες του
   mobile menu, βελάκι) δεν αφορούν αυτά τα links και ακυρώνονται ρητά.
   ───────────────────────────────────────────────────────────── */
.lang-switch{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;padding:2px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.75)}
.primary-nav .lang-switch a,
.lang-switch a{
  display:inline-flex;align-items:center;justify-content:center;gap:4.5px;min-width:44px;min-height:26px;padding:0 7px;
  border:0;border-radius:999px;color:var(--muted);
  font-size:11.5px;font-weight:700;letter-spacing:.04em;line-height:1;text-decoration:none;
  transition:background .2s var(--ease),color .2s var(--ease)
}
.flag-icon{display:inline-block;width:16px;height:11px;flex:0 0 auto;border-radius:1.5px;box-shadow:0 0 0 1px rgba(0,0,0,.08);vertical-align:middle;overflow:hidden}
.lang-text-mobile{display:none}
.lang-text-desktop{display:inline}
.primary-nav .lang-switch a:hover,
.lang-switch a:hover{border:0;background:var(--tint);color:var(--ink)}
.primary-nav .lang-switch a[aria-current],
.lang-switch a[aria-current],
.primary-nav .lang-switch a.is-active,
.lang-switch a.is-active{background:var(--navy);color:#fff}
.primary-nav .lang-switch a[aria-current] .flag-icon,
.lang-switch a[aria-current] .flag-icon,
.primary-nav .lang-switch a.is-active .flag-icon,
.lang-switch a.is-active .flag-icon{box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.lang-switch a:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.lang-switch-flow{margin-left:auto}

@media (max-width:980px){
  /* Μέσα στο ανοιχτό mobile menu: polished segmented control centered as a row */
  .primary-nav.open .lang-switch{
    display:flex;align-self:center;width:100%;max-width:320px;margin:12px auto 0;
    padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2);box-sizing:border-box
  }
  .primary-nav.open .lang-switch a:not(.pill){
    flex:1 1 0;min-width:0;min-height:44px;padding:0 12px;
    border:0;border-radius:10px;background:transparent;color:var(--muted);
    font-size:14px;font-weight:600;justify-content:center;gap:8px;box-shadow:none;
    transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)
  }
  .primary-nav.open .lang-switch a:not(.pill)::after{content:none;display:none}
  .primary-nav.open .lang-switch a[aria-current],
  .primary-nav.open .lang-switch a.is-active{
    background:#fff;color:var(--ink);font-weight:700;
    box-shadow:0 1px 3px rgba(16,20,38,.08),0 1px 2px rgba(16,20,38,.04)
  }
  .primary-nav.open .flag-icon{width:18px;height:12px}
  .primary-nav.open .lang-switch .lang-text-desktop{display:none}
  .primary-nav.open .lang-switch .lang-text-mobile{display:inline}
}

/* Σύνδεση: πώς αποκτά κανείς λογαριασμό (χωρίς ανοιχτή εγγραφή). */
.of-login-help{display:grid;gap:12px;margin-top:28px}
.of-login-help-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}
.of-login-help-item p{margin:0;font-size:14px;color:var(--muted)}
.of-login-help-item p b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:2px}
.of-login-help-item .pill{flex:0 0 auto;padding:9px 16px;font-size:13px}
.woocommerce-account .entry-content .of-login-help a.pill-outline{color:var(--ink);text-decoration:none}
.woocommerce-account .entry-content .of-login-help a.pill-outline:hover,
.woocommerce-account .entry-content .of-login-help a.pill-outline:focus-visible{color:#fff}
@media (max-width:640px){
  .of-login-help-item{flex-direction:column;align-items:stretch}
  .of-login-help-item .pill{justify-content:center}
}

/* Συναίνεση cookies: κάρτα κάτω αριστερά, πάνω από το mobile CTA.
   Αποδοχή και Απόρριψη με το ίδιο μέγεθος (οδηγίες ΑΠΔΠΧ). */
.of-consent{
  position:fixed;left:20px;bottom:20px;z-index:200;width:min(420px,calc(100% - 32px));
  padding:20px 20px 18px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--card);box-shadow:var(--lift-2);color:var(--ink)
}
.of-consent[hidden]{display:none}
.of-consent-title{margin:0 0 6px;font-family:var(--display);font-size:16px;font-weight:600}
.of-consent-text{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.of-consent-text a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.of-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.of-consent-actions .pill{justify-content:center;min-height:44px;padding:10px 16px;font-size:14px}
@media (max-width:640px){
  .of-consent{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;padding:14px 16px 14px;border-radius:16px}
  .of-consent-title{margin-bottom:4px;font-size:14.5px}
  .of-consent-text{font-size:13px;line-height:1.45}
  .of-consent-actions{gap:8px;margin-top:12px}
  .of-consent-actions .pill{min-height:44px;padding:8px 12px;font-size:14px}
}

/* Κείμενο μόνο για αναγνώστες οθόνης. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ─────────────────────────────────────────────────────────────
   Κριτικές Google: γραμμή στο hero + ενότητα πριν τις τιμές.
   Χρυσά αστέρια (--flag) πάνω στην ήρεμη παλέτα navy/χαρτί.
   ───────────────────────────────────────────────────────────── */
.of-stars{display:inline-flex;gap:2px;color:var(--flag);line-height:0}
.of-stars svg{width:16px;height:16px;fill:currentColor}
.of-stars-lg svg{width:22px;height:22px}

.hero-rating{
  display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:6px 4px;
  color:#3f4557;font-size:14px;text-decoration:none;border-radius:8px
}
.hero-rating b{color:var(--ink);font-weight:700}
.hero-rating:hover span{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.js.is-ready .hero-statement>*:nth-child(6){transition-delay:.44s}

.reviews-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.reviews-intro h2{margin:0}
.reviews-intro .sub{margin-top:14px}
.reviews-score{
  display:flex;align-items:center;gap:18px;margin-top:28px;padding:18px 24px 18px 20px;width:fit-content;
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--lift);
  color:var(--ink);text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease)
}
.reviews-score:hover{transform:translateY(-3px);box-shadow:var(--lift-2)}
.reviews-score-num{font-family:var(--display);font-size:clamp(44px,4.4vw,58px);font-weight:600;line-height:1;letter-spacing:-.03em}
.reviews-score-meta{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--muted)}
.reviews-score-meta b{color:var(--navy);font-size:13.5px;font-weight:700}
.reviews-score-meta i{font-style:normal}

.reviews-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin:30px 0 0;padding:26px 0 0;list-style:none;border-top:1px solid var(--line)}
.reviews-stats li{display:flex;flex-direction:column;gap:3px}
.reviews-stats b{font-family:var(--display);font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.reviews-stats span{color:var(--muted);font-size:13.5px;line-height:1.4}

.reviews-foot{display:flex;flex-wrap:wrap;gap:6px 18px;margin:26px 0 0;color:var(--muted);font-size:14px}
.reviews-foot a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Στήλες που κυλούν: κάθε track έχει το σετ 4 φορές, κύλιση κατά -50%. */
.reviews-marquee{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;height:620px;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)
}
.reviews-col{min-width:0}
.reviews-col-2{padding-top:56px}
.reviews-col-all{display:none}
.reviews-track{display:flex;flex-direction:column;gap:18px;margin:0;padding:0 0 18px;list-style:none;animation:of-reviews-up var(--dur,36s) linear infinite}
.reviews-marquee:hover .reviews-track,
.reviews-marquee:focus-within .reviews-track{animation-play-state:paused}
@keyframes of-reviews-up{to{transform:translateY(-50%)}}

.review-card{
  display:flex;flex-direction:column;gap:14px;margin:0;padding:24px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);box-shadow:var(--lift);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)
}
.review-card:hover{transform:translateY(-4px);box-shadow:var(--lift-2)}
.review-card blockquote{margin:0}
.review-card blockquote p{margin:0;color:#3f4557;font-size:15.5px;line-height:1.6}
.review-meta{display:flex;align-items:center;gap:12px}
.review-avatar{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--tint);color:var(--navy);font-weight:700;font-size:15px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line-soft)}
.review-who{display:flex;flex-direction:column;min-width:0}
.review-who b{font-size:14.5px;color:var(--ink)}
.review-who span{font-size:12.5px;color:var(--muted)}
.review-link{display:grid;width:44px;height:44px;margin-left:auto;place-items:center;border-radius:50%;color:var(--muted);transition:background .2s var(--ease),color .2s var(--ease)}
.review-link:hover{background:var(--tint);color:var(--navy)}
.review-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:980px){
  .reviews-layout{grid-template-columns:1fr;align-items:start}
  .reviews-marquee{height:560px}
}
@media (max-width:620px){
  .reviews-score{width:100%;padding:16px 18px}
  .reviews-marquee{grid-template-columns:1fr;height:520px}
  .reviews-col-1,.reviews-col-2{display:none}
  .reviews-col-all{display:block}
  .review-card{padding:20px}
}
/* Χωρίς κίνηση: στατική λίστα, μόνο τα πρωτότυπα (όχι τα αντίγραφα). */
@media (prefers-reduced-motion:reduce){
  .reviews-score:hover,.review-card:hover{transform:none}
  .reviews-marquee{height:auto;-webkit-mask-image:none;mask-image:none}
  .reviews-track{animation:none}
  .reviews-track > [aria-hidden="true"]{display:none}
  .reviews-col-2{padding-top:0}
}

/* Honeypot της φόρμας επικοινωνίας: εκτός οθόνης, όχι display:none (κάποια bots το ελέγχουν). */
.cf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-form{position:relative}
.cf-form [type="submit"]:disabled{opacity:.6;cursor:progress}