/* CLAUDE START | ola4uaccount 1.3.0 | 2026-10-10
 * Σελίδες λογαριασμού Πρόταση B (τεχνικό σχέδιο + αποφάσεις CEO 10/10/2026,
 * smart_checkout/03_τεχνική/ΣΕΛΙΔΕΣ_ΛΟΓΑΡΙΑΣΜΟΥ_B.md). Φορτώνεται ΜΟΝΟ στις σελίδες Σύνδεση/
 * Εγγραφή/Κωδικός (.ac-auth, διακόπτης OLA4UACCOUNT_AUTH_V2) και Στοιχεία/Διευθύνσεις/Κουπόνια
 * (.ac-prof, διακόπτης OLA4UACCOUNT_PROFILE_V2). Tokens κρασί SCOPED εδώ, όχι σε :root, όχι στο
 * custom.css/theme.css (κανόνας project: καμία global μεταβλητή/αλλαγή χρώματος κουμπιού).
 *
 * CLAUDE UPDATE | ola4uaccount 1.3.0 | 2026-10-10: διορθώσεις Mobile Usability (απόφαση ιδιοκτήτη
 * 10/10/2026, CLAUDE.md §«📱 Mobile Usability», smart_checkout/07_μετρήσεις/MOBILE_TAP_AUDIT.md
 * ενότητα Ε). 375/390px, Chromium+WebKit, EL/EN, πελάτης δοκιμής 51789. Μόνο mobile breakpoint
 * ή scoped κανόνες χωρίς media query όταν το στοιχείο δεν έχει desktop/mobile διαφοροποίηση
 * (π.χ. δευτερεύον κείμενο). Desktop layout ΔΕΝ άλλαξε. */
.ac-auth, .ac-prof {
  --wine: #7a1631; --wine-2: #9b1236; --wine-3: #b4214f; --night: #1c0810; --night-2: #2c0c19;
  --brand-grad: linear-gradient(135deg, #b4214f 0%, #7a1631 55%, #2c0c19 100%);
  --gold: #e9c27e; --ok: #137a45; --ok-soft: #eaf6ef; --ink: #17121a; --ink-2: #3d3441;
  --muted: #6f6574; --line: #ecdfe4; --soft: #f8eff2; --err: #b3261e; --err-soft: #fdeeee;
  color: var(--ink);
  max-width: 100%;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 1.45;
}
/* 1.3.2 (απόφαση ιδιοκτήτη 10/10/2026): ΜΟΝΟ το .ac-prof (Στοιχεία/Διευθύνσεις/Νέα διεύθυνση/
   Κουπόνια/Πόντοι/Αγαπημένα) γίνεται breakout στο πλήρες viewport, ΟΧΙ το .ac-auth (Σύνδεση/
   Εγγραφή/Κωδικός, εκτός πεδίου αυτής της αλλαγής) - ίδια λογική/τιμές με .acc στο
   ola4uaccount.css, ώστε η .ac-tabs να βγαίνει ΠΑΝΤΑ στο ίδιο πλάτος/θέση με τις Αρχική/
   Παραγγελίες, ανεξάρτητα από το ambient container padding της κάθε σελίδας (διέφερε ανά
   page-id στο custom.css: Στοιχεία/Πόντοι/Αγαπημένα/Διευθύνσεις/Κουπόνια είχαν 4 διαφορετικά
   πλάτη). Δεν αγγίζει visual (η .ac-prof δεν έχει δικό της background/border). */
.ac-prof { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
/* 10/10: με κλασική μπάρα κύλισης (Windows) το 100vw είναι ~17px φαρδύτερο από το πλάτος της σελίδας, κόβεται εδώ ώστε να μην εμφανίζεται οριζόντια κύλιση (clip σε html ΚΑΙ body: μόνο έτσι κόβεται και η προγραμματική κύλιση, χωρίς το body να γίνει scroll container) */
html:has(.ac-prof), html:has(.ac-prof) body { overflow-x: clip; }

.ac-auth h1, .ac-auth h2, .ac-prof h1, .ac-prof h2, .ac-prof h3 { margin: 0; text-transform: none; letter-spacing: normal; }
.ac-auth button, .ac-prof button { cursor: pointer; font: inherit; }
.ac-auth a, .ac-prof a { text-decoration: none; }

/* ---- κουμπιά κοινά (ac-btn ήδη υπάρχει στο ola4uaccount.css για τις ΠΑΛΙΕΣ σελίδες: εδώ δικό μας
   σύνολο, ίδιο όνομα class αλλά άλλο αρχείο CSS, ποτέ δεν φορτώνονται μαζί στην ίδια σελίδα) ---- */
.ac-btn {
  appearance: none; border: 0; border-radius: 12px; padding: 13px 18px; font-weight: 800; font-size: 14.5px;
  cursor: pointer; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  text-decoration: none; min-height: 48px; box-sizing: border-box;
}
.ac-btn--primary { background: var(--brand-grad); color: #fff; box-shadow: 0 10px 24px -8px rgba(122,22,49,.55); }
.ac-btn--primary:hover { filter: brightness(1.06); }
.ac-btn--primary:focus-visible, .ac-btn--secondary:focus-visible, .ac-btn--ghost:focus-visible { outline: 2px solid #2b6cb0; outline-offset: 2px; }
.ac-btn--secondary { background: #fff; color: var(--wine); border: 1.5px solid var(--wine); }
.ac-btn--ghost { background: transparent; color: var(--wine); border: 1px solid var(--line); }
.ac-btn--link { background: none; color: var(--wine-2); font-weight: 700; padding: 4px; width: auto; min-height: 44px; text-decoration: underline; }
.ac-btn[disabled] { opacity: .45; cursor: not-allowed; filter: grayscale(.2); }
.ac-btn.is-loading { position: relative; color: transparent !important; }
.ac-btn.is-loading::after {
  content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; border-radius: 50%;
  border: 2.5px solid rgba(255,255,255,.4); border-top-color: #fff; animation: ac-auth-spin .7s linear infinite;
}
@keyframes ac-auth-spin { to { transform: rotate(360deg); } }

/* ---- πεδία φόρμας (τα ίδια ids/names του core, μόνο νέο στύλ) ---- */
.ac-auth .form-group, .ac-prof .form-group { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; position: relative; }
.ac-auth .form-group label, .ac-prof .form-group label { font-size: 13px; font-weight: 700; color: var(--ink-2); }
.ac-auth .form-control, .ac-prof .form-control {
  border: 1px solid var(--line); border-radius: 10px; padding: 12px 13px; font-size: 16px; background: #fff;
  width: 100%; min-height: 48px; box-sizing: border-box; color: var(--ink);
}
.ac-auth .form-control:focus, .ac-prof .form-control:focus { border-color: var(--wine); box-shadow: 0 0 0 3px rgba(122,22,49,.14); outline: 0; }
.ac-auth .has-error .form-control, .ac-prof .has-error .form-control { border-color: var(--err); background: var(--err-soft); }
.ac-auth small.form-text, .ac-prof small.form-text { font-size: 13px; color: var(--muted); }
.ac-auth .invalid-feedback, .ac-prof .invalid-feedback { font-size: 13px; color: var(--err); font-weight: 600; }
/* 10/10 QA: core «(Προαιρετικό)» δίπλα στην ετικέτα (form-fields.tpl, ΔΕΝ αλλάζει) μετρήθηκε 12px,
   ΕΛΑΦΡΙΑ (δευτερεύον κείμενο <13). */
.ac-auth small.text-muted, .ac-prof small.text-muted { font-size: 13px; }
.ac-pwd-wrap { position: relative; }
.ac-pwd-wrap input { padding-right: 72px; }
.ac-pwd-eye {
  position: absolute; right: 2px; top: 2px; bottom: 2px; background: none; border: 0; color: var(--wine);
  font-size: 13px; font-weight: 700; padding: 0 12px; cursor: pointer; min-width: 48px;
}
/* 10/10 QA: core theme _partials/form-fields.tpl (ΔΕΝ αλλάζει) αποδίδει το δικό του κουμπί
   «Εμφάνιση/Απόκρυψη» (.btn.btn-light[data-action="show-password"]) μέσα στις φόρμες login/
   register/identity (εδώ ΜΕΣΑ στο .ac-auth/.ac-prof): μετρήθηκε 81×34px, ΣΟΒΑΡΗ (ύψος <44) ενώ
   το διπλανό input είναι ήδη 48px (.form-control πάνω). Scoped fix, core partial ΔΕΝ αγγίζεται. */
.ac-auth .input-group-btn .btn-light[data-action="show-password"],
.ac-prof .input-group-btn .btn-light[data-action="show-password"] {
  min-height: 48px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center;
}
.ac-auth .input-group.js-parent-focus, .ac-prof .input-group.js-parent-focus { align-items: stretch; }
/* 10/10 QA: core σύνδεσμος «Ξεχάσατε τον κωδικό πρόσβασης;» (login-form.tpl, ΔΕΝ αλλάζει)
   μετρήθηκε 188×17px, ΣΟΒΑΡΗ. Μόνο padding/ύψος (invisible hit-area), το κείμενο δεν μεγαλώνει. */
.ac-auth .form-group_forgot-password { margin: 4px 0 10px; }
.ac-auth .forgot-password a {
  display: inline-flex; align-items: center; min-height: 48px; padding: 8px 0; font-size: 14px;
}
/* 10/10 QA: core select/submit του address-form.tpl (ΔΕΝ αλλάζει, ΚΟΙΝΟ partial με checkout) μέσα
   στο .ac-prof (Νέα/Ενημέρωση διεύθυνσης): «Χώρα» 317×38px και «Αποθήκευση» 171×32px, ΣΟΒΑΡΗ.
   Scoped ΜΟΝΟ στο .ac-prof, το checkout (χωρίς .ac-prof wrapper) δεν επηρεάζεται. */
.ac-prof .custom-select { min-height: 48px; font-size: 16px; box-sizing: border-box; }
.ac-prof .js-address-form .btn.form-control-submit {
  min-height: 48px; width: 100%; border: 0; border-radius: 12px; font-weight: 800; font-size: 14.5px;
  background: var(--brand-grad); color: #fff; padding: 13px 18px; box-sizing: border-box;
}

.ac-alert { display: flex; gap: 9px; align-items: flex-start; border-radius: 12px; padding: 12px 13px; font-size: 13px; margin-bottom: 14px; font-weight: 600; }
.ac-alert.ac-alert--err { background: var(--err-soft); color: #8c1d16; }
.ac-alert.ac-alert--ok { background: var(--ok-soft); color: #0d5c34; }
.ac-alert svg { flex: none; width: 18px; height: 18px; margin-top: 1px; }

/* ---- πλαίσιο: απλοποιημένος header/breadcrumb του theme ΔΕΝ ξανασχεδιάζεται, μόνο κρύβεται ο
   μεταφρασμένος λάθος τίτλος (π.χ. identity -> "Profile" από ps_translation) υπέρ του δικού μας H1 ---- */
body#authentication header[class*="page-header--"], body#password header[class*="page-header--"],
body#identity header[class*="page-header--"], body#addresses header[class*="page-header--"],
body#address header[class*="page-header--"], body#discount header[class*="page-header--"] { display: none; }

/* ======================= .ac-auth: Σύνδεση / Εγγραφή / Κωδικός (διπλό πάνελ Β) ======================= */
.ac-auth__wrap { display: grid; grid-template-columns: 1fr; min-height: 0; }
@media (min-width: 860px) { .ac-auth__wrap { grid-template-columns: .95fr 1.05fr; align-items: stretch; } }
.ac-auth__panel {
  background: linear-gradient(165deg, var(--night-2), var(--night)); color: #fff; padding: 26px 24px;
  display: flex; flex-direction: column; gap: 14px;
}
.ac-auth__panel .t { font-size: 19px; font-weight: 800; margin: 0 0 2px; color: #fff; }
.ac-auth__panel .s { font-size: 12px; color: rgba(255,255,255,.62); margin: 0 0 8px; }
.ac-auth__benefits { display: flex; flex-direction: column; gap: 12px; }
.ac-auth__benefit { display: flex; gap: 10px; align-items: flex-start; }
.ac-auth__benefit .ic { width: 30px; height: 30px; border-radius: 9px; background: rgba(255,255,255,.1); color: var(--gold); display: flex; align-items: center; justify-content: center; flex: none; }
.ac-auth__benefit b { display: block; font-size: 12.5px; font-weight: 700; color: #fff; }
.ac-auth__benefit span { display: block; font-size: 11.5px; color: rgba(255,255,255,.62); }
.ac-auth__form { padding: 26px 24px 30px; display: flex; flex-direction: column; justify-content: center; }
.ac-auth__form h1 { font-size: 20px; font-weight: 800; margin: 0 0 4px; }
.ac-auth__form .lede { font-size: 13px; color: var(--muted); margin: 0 0 16px; }
.ac-auth__div { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; margin: 14px 0; }
.ac-auth__div::before, .ac-auth__div::after { content: ""; flex: 1; height: 1px; background: var(--line); }

.ac-auth__social { display: flex; flex-direction: column; gap: 8px; margin-bottom: 4px; }
.ac-auth__social[hidden] { display: none; }
/* 10/10: χωρίς Google/Apple (OneAll δεν φόρτωσε) δεν μένει μοναχικό «ή» */
.ac-auth__social[hidden] + .ac-auth__div { display: none; }
/* 10/10: το theme δίνει στη φόρμα σύνδεσης width 75%, max-width 550px, margin auto: γεμίζει τη στήλη όπως ο τίτλος */
.ac-auth__form #login-form, .ac-auth__form .js-customer-form { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
/* 10/10: ίδιο θέμα στις σελίδες προφίλ (Στοιχεία, Νέα διεύθυνση): η φόρμα στοιχίζεται με τίτλο και μπάρα */
.ac-prof form.js-customer-form, .ac-prof .js-address-form form, .ac-prof form#customer-form { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.ac-social-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--line);
  border-radius: 12px; min-height: 48px; padding: 0 14px; background: #fff; font-weight: 700; font-size: 13px;
  color: var(--ink); overflow: hidden;
}
.ac-oa-slot { width: 100%; }
/* 10/10: το iframe του OneAll παίρνει όλο το πλάτος (ίδιο με checkout v2), αλλιώς στην παραγωγή έμενε ~50px και τα κουμπιά κόβονταν */
.ac-oa-slot, .ac-oa-slot iframe { width: 100% !important; max-width: 100% !important; border: 0; }
.ac-oa-slot iframe { height: 48px !important; min-height: 48px; }
/* ο OneAll βάζει inline min-height:108px στο container (κάθετη διάταξη): ύψος μίας σειράς, δύο σειρές μόνο σε πολύ στενές οθόνες */
.ac-oa-slot { height: 48px; min-height: 0 !important; overflow: hidden; }
@media (max-width: 359.98px) {
  .ac-oa-slot { height: 106px; }
  .ac-oa-slot iframe { height: 106px !important; }
}

.ac-auth__check { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--ink-2); margin: 10px 0; cursor: pointer; }
.ac-auth__check input { margin-top: 2px; flex: none; width: 18px; height: 18px; min-width: 18px; }
.ac-auth__terms { font-size: 13px; color: var(--muted); line-height: 1.5; margin: 14px 0 0; }
.ac-auth__terms a { color: var(--wine); font-weight: 700; text-decoration: underline; }

.ac-members {
  display: flex; gap: 10px; align-items: flex-start; border-radius: 14px; padding: 13px 14px; margin: 6px 0 14px;
  cursor: pointer; background: radial-gradient(80% 90% at 85% 10%, #b3264c 0%, transparent 60%),
  linear-gradient(140deg, #6e0f28 0%, #3a0a17 55%, #1c0810 100%); color: #fff;
}
.ac-members input { margin-top: 3px; width: 18px; height: 18px; min-width: 18px; flex: none; accent-color: var(--gold); }
.ac-members__top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 7px; }
/* 10/10 QA: «MEMBERS» badge μετρήθηκε 10.5px, ΣΟΒΑΡΗ (<12). .ac-members__perks li 12.5px, ΕΛΑΦΡΙΑ. */
.ac-members__badge { font-size: 13px; font-weight: 800; letter-spacing: .08em; color: var(--night); background: linear-gradient(135deg, #f6dca8, #c9954a); padding: 3px 7px; border-radius: 5px; line-height: 1.3; }
.ac-members__top b { font-size: 13px; }
.ac-members__perks { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.ac-members__perks li { font-size: 13px; color: rgba(255,255,255,.85); padding-left: 14px; position: relative; line-height: 1.4; }
.ac-members__perks li::before { content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }

.ac-auth__toast { display: flex; align-items: center; gap: 8px; background: var(--ok-soft); color: #0d5c34; border-radius: 12px; padding: 13px 14px; font-size: 13.5px; font-weight: 700; margin-bottom: 16px; }

/* Εγγραφή: όταν το δικό μας κουτί Google/Apple είναι ενεργό (.has-social), το native widget που
   αποδίδεται ΜΕΣΑ στη φόρμα μαζί με το reCAPTCHA ($hook_create_account_form, δεν χωρίζονται,
   §1.4 τεχνικού σχεδίου) κρύβεται, ώστε να μη φαίνεται 2 φορές. Το reCAPTCHA δεν επηρεάζεται
   (διαφορετικό container, #oneall_social_login_block_customer_account_form). */
.ac-auth__wrap.has-social #oneall_social_login_block_customer_account_form { display: none; }

/* Κινητό: λωρίδα οφελών ΚΑΤΩ από τη φόρμα στη Σύνδεση (γρήγορη είσοδος), ΠΑΝΩ στην Εγγραφή
   (πείθει πριν τη φόρμα). 3 στήλες χωρίς κύλιση, όχι η λωρίδα-5-στοιχεία-με-κύλιση του mockup
   αρχικού (ρίσκο αναγνωσιμότητας/iOS zoom, καταγραφή IT architect §4.2). */
@media (max-width: 859.98px) {
  .ac-auth__panel { padding: 14px 16px; }
  .ac-auth__panel .t, .ac-auth__panel .s { display: none; }
  .ac-auth__benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .ac-auth__benefit { flex-direction: column; align-items: center; text-align: center; gap: 4px; min-width: 0; }
  .ac-auth__benefit span { display: none; }
  /* 10/10 QA: μετρήθηκε 12px σε 375/390px, ΕΛΑΦΡΙΑ (δευτερεύον κείμενο <13). */
  .ac-auth__benefit b { font-size: 13px; font-weight: 700; color: rgba(255,255,255,.92); line-height: 1.25; }
  .ac-auth__benefit .ic { width: 26px; height: 26px; }
  .ac-auth__benefit:nth-child(4) { display: none; }
  .ac-auth__wrap.is-login .ac-auth__panel { order: 2; }
  .ac-auth__wrap.is-login .ac-auth__form { order: 1; }
  /* 10/10: στο κινητό η φόρμα στοιχίζεται με τη λωρίδα οφελών (περισσότερο πλάτος στα πεδία) */
  .ac-auth__form { padding-left: 0; padding-right: 0; }
}

/* ======================= .ac-prof: Στοιχεία / Διευθύνσεις / Νέα διεύθυνση / Κουπόνια ======================= */
.ac-prof .ac-tabs {
  /* 10/10 QA: gap 4px μετρήθηκε <8px ανάμεσα σε tabs (ELAFRIA tap_gap), bump σε 8px. Κύλιση
     οριζόντια ήδη scoped (overflow-x:auto), το επιπλέον πλάτος δεν σπάει τίποτα. */
  display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
  background: linear-gradient(160deg, var(--night-2), var(--night)); color: #fff;
  padding: 8px 14px; border-radius: 12px; margin-bottom: 16px;
}
.ac-prof .ac-tabs::-webkit-scrollbar { display: none; }
.ac-prof .ac-tabs a {
  color: rgba(255,255,255,.72); padding: 8px 12px; font-size: 13px; font-weight: 600;
  border-radius: 8px; white-space: nowrap; min-height: 48px; display: inline-flex; align-items: center;
}
.ac-prof .ac-tabs a[aria-current="true"] { color: #fff; background: rgba(255,255,255,.12); }
/* 1.3.2: ίδιος τύπος με .ac-shell του ola4uaccount.css (βλ. εκεί το σχόλιο), ίδιο αποτέλεσμα σε
   κάθε viewport, ανεξάρτητα από το νέο .ac-prof breakout. ΗΤΑΝ max-width:900px (στενότερο
   σκόπιμα για τις φόρμες), άλλαξε σε 1160px (απόφαση ιδιοκτήτη: ίδιο πλάτος μπάρας/περιεχομένου
   με Αρχική/Παραγγελίες παντού). Αν κάποια φόρμα δείχνει υπερβολικά φαρδιά σε 1280/1440, το
   όριο μπαίνει ΜΟΝΟ στην κάρτα της (.ac-card/.ac-grid), όχι εδώ. */
.ac-prof .ac-shell { width: calc(100% - 24px); max-width: 1160px; margin: 0 auto; padding: 0 2px 40px; box-sizing: border-box; }
.ac-prof .ac-title { font-size: 20px; font-weight: 800; margin: 2px 2px 14px; }
.ac-prof .ac-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 18px; margin-bottom: 14px; }
.ac-prof .ac-h { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.ac-prof .ac-h .ic { width: 30px; height: 30px; border-radius: 9px; background: var(--soft); color: var(--wine); display: flex; align-items: center; justify-content: center; flex: none; }
.ac-prof .ac-h h2 { font-size: 15px; font-weight: 800; }
.ac-prof .ac-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px) { .ac-prof .ac-grid { grid-template-columns: 1fr 1fr; } }
.ac-prof .ac-grid .form-group.full { grid-column: 1 / -1; }

/* .ac-addr: δεν αποδίδεται σήμερα από κανένα front/profile/*.tpl (οι κάρτες διευθύνσεων
   χρησιμοποιούν το core customer/_partials/block-address.tpl, <article class="address">, βλέπε
   κανόνες .ac-prof .ac-grid > .address πιο κάτω). Παραμένει εδώ για ενδεχόμενη μελλοντική χρήση,
   10/10 QA: fonts/ύψος διορθώθηκαν ούτως ή άλλως ώστε να μην αποτελέσει παγίδα αν χρησιμοποιηθεί. */
.ac-addr { border: 1px solid var(--line); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.ac-addr .nm { font-weight: 800; font-size: 13px; }
.ac-addr .tx { font-size: 13px; color: var(--muted); }
.ac-addr .act { display: flex; gap: 8px; margin-top: 8px; }
.ac-addr .act a { flex: 1; border: 1px solid var(--line); background: #fff; border-radius: 8px; padding: 10px 7px; font-size: 13px; font-weight: 700; color: var(--wine); cursor: pointer; text-align: center; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 5px; }
.ac-addnew {
  border: 1.5px dashed var(--line); border-radius: 14px; padding: 14px; display: flex; align-items: center;
  /* 10/10 QA: μετρήθηκε 12.5px, ΕΛΑΦΡΙΑ (δευτερεύον κείμενο <13). */
  justify-content: center; gap: 8px; color: var(--wine); font-weight: 700; font-size: 13px; cursor: pointer;
  background: var(--soft); min-height: 48px;
}

.ac-coupon { border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
/* 10/10 QA: code/mid b μετρήθηκαν 12.5px (ΕΛΑΦΡΙΑ), mid span 11.5px (ΣΟΒΑΡΗ <12), copy 11.5px
   (ΣΟΒΑΡΗ) + 44px ύψος (bump σε 48px, στόχος). */
.ac-coupon .code { font-family: ui-monospace, Menlo, Consolas, monospace; background: var(--soft); color: var(--wine); font-weight: 800; font-size: 13px; padding: 6px 10px; border-radius: 7px; flex: none; }
.ac-coupon .mid { flex: 1; min-width: 120px; }
.ac-coupon .mid b { display: block; font-size: 13px; }
.ac-coupon .mid span { display: block; font-size: 13px; color: var(--muted); }
.ac-coupon .val { font-weight: 800; color: var(--wine); font-size: 13px; flex: none; }
.ac-coupon .copy { border: 1px solid var(--line); background: #fff; border-radius: 8px; padding: 8px 10px; font-size: 13px; font-weight: 700; color: var(--wine); min-height: 48px; min-width: 48px; }

.ac-members-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 7px 2px; min-height: 48px; cursor: pointer; }
.ac-members-perks-inline { font-size: 13px; color: var(--muted); flex: 1; }
.ac-switch { position: relative; display: inline-flex; align-items: center; width: 46px; height: 27px; flex: none; }
.ac-switch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 2; }
.ac-switch__track { position: absolute; inset: 0; border-radius: 999px; background: var(--line); transition: background .15s; }
.ac-switch__thumb { position: absolute; top: 3px; left: 3px; width: 21px; height: 21px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s; }
.ac-switch input:checked ~ .ac-switch__track { background: var(--wine); }
.ac-switch input:checked ~ .ac-switch__thumb { transform: translateX(19px); }

/* customer/_partials/block-address.tpl (core partial, ΔΕΝ αλλάζει): μόνο πλαίσιο/απόσταση εδώ,
   το εσωτερικό περιεχόμενο (<article class="address">) μένει αυτούσιο. */
.ac-prof .ac-grid > .address {
  border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: #fff; margin: 0;
}
.ac-prof .ac-grid > .address .address-footer a {
  /* 10/10 QA: μετρήθηκε 84×44 / 73×44px, ΕΛΑΦΡΙΑ (στόχος 48px). */
  min-height: 48px; display: inline-flex; align-items: center; gap: 4px; color: var(--wine); font-weight: 700;
}
.ac-prof .ac-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 32px 16px; color: var(--muted); }
.ac-prof .ac-empty .ic { width: 64px; height: 64px; border-radius: 50%; background: var(--soft); color: var(--wine); display: grid; place-items: center; }
.ac-prof .ac-empty h3 { color: var(--ink); font-size: 16px; }
/* 10/10: κενή λίστα Αγαπημένων (leofeature, alert-warning του bootstrap): χωρίς κίτρινο φόντο, ουδέτερο μήνυμα όπως το .ac-empty */
body#module-leofeature-mywishlist .ac-prof .alert.alert-warning { background: transparent; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); text-align: center; font-size: 16px; padding: 28px 16px; margin: 0; }

@media (max-width: 575.98px) {
  .ac-prof .ac-card { padding: 14px; }
}
/* CLAUDE END | ola4uaccount 1.3.0 */

/* CLAUDE 2026-10-13: Αποσύνδεση στη μπάρα καρτελών (όλες οι σελίδες λογαριασμού). Κινητό: μόνο εικονίδιο, περιοχή αφής 48px. */
.ac-tabs .ac-out {
  flex: none; display: inline-flex; gap: 6px; align-items: center; justify-content: center; margin-left: 6px;
  border: 1px solid rgba(255,255,255,.32); border-radius: 999px; padding: 6px 12px;
  color: #fff !important; font-size: 13px; font-weight: 600; white-space: nowrap; text-decoration: none !important;
}
.ac-tabs .ac-out:hover, .ac-tabs .ac-out:focus-visible { background: rgba(255,255,255,.16); }
.ac-tabs .ac-out span { display: none; }
@media (min-width: 640px) { .ac-tabs .ac-out span { display: inline; } }
@media (max-width: 767px) { .ac-tabs .ac-out { min-height: 48px; min-width: 48px; padding: 0 14px; } }
.ac-prof .ac-tabs .ac-out { margin-left: auto; }

/* CLAUDE START | 2026-10-14 (ιδιοκτήτης): Σύνδεση/Εγγραφή πιο ευδιάκριτες
   1) διακόπτης «Σύνδεση | Νέος λογαριασμός» στην κορυφή της φόρμας (αντί για μικρό σύνδεσμο 13px)
   2) τίτλος 26px + οδηγία 16px, κουτί «Πρώτη φορά στο OLA4U;» με κουμπί κάτω από τη φόρμα
   3) desktop: σελίδα έως 1080px, το σκούρο πάνελ γίνεται κάρτα 360px με ύψος όσο το περιεχόμενο και μεγαλύτερα γράμματα
      (ήταν 634x531px με 4 γραμμές 11-12px, έμοιαζε άδειο). Κινητό: ίδια σειρά με πριν (φόρμα πρώτα στη Σύνδεση). */
.ac-auth__switch {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin: 0 0 22px;
  background: var(--soft); border: 1px solid var(--line); border-radius: 14px;
}
.ac-auth__switch a {
  display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 10px; border-radius: 10px;
  font-size: 16px; font-weight: 700; color: var(--ink-2); text-align: center; line-height: 1.2;
}
.ac-auth__switch a:hover { color: var(--wine); background: rgba(255,255,255,.6); }
.ac-auth__switch a.is-on { background: #fff; color: var(--wine); box-shadow: 0 1px 2px rgba(23,18,26,.08), 0 4px 12px -4px rgba(122,22,49,.25); }
.ac-auth__switch a:focus-visible { outline: 2px solid #2b6cb0; outline-offset: 2px; }
.ac-auth__form h1 { font-size: 26px; line-height: 1.2; margin: 0 0 6px; }
.ac-auth__form .lede { font-size: 16px; line-height: 1.45; color: var(--ink-2); margin: 0 0 20px; }
.ac-auth .form-group label { font-size: 14px; }
.ac-auth .ac-btn { font-size: 16px; }
.ac-auth__new { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 12px; }
.ac-auth__new p { margin: 0; font-size: 15px; line-height: 1.45; color: var(--ink-2); }
.ac-auth__new p b { color: var(--ink); }
/* όροι εγγραφής: σύνδεσμοι μέσα σε κείμενο ≥ 16px (κανόνας Mobile Usability), ήταν 13px */
.ac-auth__terms { font-size: 16px; line-height: 1.5; }
/* reCAPTCHA εγγραφής: το theme.css (≤ 991px) έχει #captcha-box { justify-content: flex-end; margin-bottom: 29px } και το
   «Δεν είμαι ρομπότ» έβγαινε δεξιά, όχι στοιχισμένο με τα πεδία (ιδιοκτήτης 14/10, iPhone). Μόνο μέσα στο .ac-auth. */
.ac-auth #captcha-box { justify-content: flex-start; margin-bottom: 8px; }

@media (min-width: 860px) {
  /* δύο κάρτες: το σκούρο πάνελ έχει ύψος όσο το περιεχόμενό του, όχι όσο η φόρμα */
  .ac-auth__wrap {
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); gap: 28px; align-items: start;
    max-width: 1080px; margin: 8px auto 40px;
  }
  .ac-auth__panel { padding: 36px 30px; gap: 18px; border-radius: 20px; }
  .ac-auth__form { border: 1px solid var(--line); border-radius: 20px; background: #fff; }
  .ac-auth__panel .t { font-size: 24px; line-height: 1.25; }
  .ac-auth__panel .s { font-size: 15px; color: rgba(255,255,255,.75); }
  .ac-auth__benefits { gap: 20px; }
  .ac-auth__benefit { gap: 14px; }
  .ac-auth__benefit .ic { width: 44px; height: 44px; border-radius: 12px; }
  .ac-auth__benefit b { font-size: 16px; line-height: 1.3; }
  .ac-auth__benefit span { font-size: 14px; line-height: 1.4; color: rgba(255,255,255,.75); margin-top: 2px; }
  .ac-auth__form { padding: 40px 48px; justify-content: flex-start; }
}
@media (max-width: 859.98px) {
  .ac-auth__form h1 { font-size: 22px; }
  .ac-auth__switch { margin-bottom: 18px; }
}
/* CLAUDE END | 2026-10-14 */