/*
Theme Name: Aurix International
Theme URI: https://aurixinternational.com
Author: ZaheerAbbas
Version: 36.97.1
Description: Custom WordPress theme for Aurix International v4.0 — by ZaheerAbbas
Text Domain: aurix
Tags: e-commerce, woocommerce, elementor
*/
/* =========================================================
VARIABLES & RESET
========================================================= */
:root {
--gold: #b8925a;
--gold-lt: #d4ae7a;
--gold-dk: #9a7440;
--gold-pale: rgba(184,146,90,.10);
--navy: #0d1b2a;
--navy-mid: #152338;
--navy-lt: #1e3050;
--white: #ffffff;
--off: #f5f1eb;
--bg: #eef1f6;
--muted: #64748b;
--border: rgba(13,27,42,.09);
--border-md: rgba(13,27,42,.14);
--text: #2d3748;
--shadow-xs: 0 1px 8px rgba(13,27,42,.06);
--shadow-sm: 0 2px 20px rgba(13,27,42,.09);
--shadow-md: 0 8px 48px rgba(13,27,42,.15);
--t: .22s cubic-bezier(.4,0,.2,1);
--r: 8px;
--r-lg: 12px;
--bar-h: 36px;
--hdr-h: 76px;
--nav-h: 48px;
--mob-top: 56px;
--mob-bot: 64px;
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:'Outfit',sans-serif; background:var(--bg); color:var(--text);
padding-top:calc(var(--bar-h) + var(--hdr-h) + var(--nav-h)); }
body.scrolled { padding-top:calc(60px + var(--nav-h)); }
a { text-decoration:none; }
img { max-width:100%; height:auto; display:block; }
button { font-family:inherit; cursor:pointer; }
/* =========================================================
1. ANNOUNCEMENT BAR
========================================================= */
#aurix-topbar {
position:fixed; top:0; left:0; right:0; z-index:1200;
height:var(--bar-h); background:var(--navy);
display:flex; align-items:center; justify-content:space-between;
padding:0 40px; font-size:.72rem; letter-spacing:.04em;
color:rgba(255,255,255,.7); overflow:hidden;
transition:height var(--t), opacity var(--t);
}
#aurix-topbar a { color:var(--gold-lt); text-decoration:underline; text-underline-offset:2px; transition:color var(--t); }
#aurix-topbar a:hover { color:#fff; }
.atb-left { display:flex; align-items:center; gap:14px; }
.atb-right { display:flex; align-items:center; gap:16px; }
.atb-sep { width:1px; height:12px; background:rgba(255,255,255,.18); }
.atb-pill { background:var(--gold); color:var(--navy); font-weight:700; font-size:.62rem;
padding:2px 8px; border-radius:20px; letter-spacing:.08em; text-transform:uppercase; }
#aurix-topbar i { font-size:.75rem; opacity:.75; margin-right:4px; }
body.scrolled #aurix-topbar { height:0; opacity:0; pointer-events:none; }
/* =========================================================
2. DESKTOP HEADER
========================================================= */
#aurix-header {
position:fixed; top:var(--bar-h); left:0; right:0; z-index:1100;
background:transparent; border-bottom:0px solid var(--border);
transition:top var(--t), box-shadow var(--t);
}
body.scrolled #aurix-header { top:0; }
.ahdr-row {
max-width:1420px; margin:0 auto; padding:0 40px;
height:var(--hdr-h); display:grid;
grid-template-columns:auto 1fr auto;
align-items:center; gap:24px;
transition:height var(--t);
background: #ffffff; border-radius: 0 0 12px 12px;
}
body.scrolled .ahdr-row { height:60px; }
/* Logo */
.ahdr-logo { display:flex; align-items:center; text-decoration:none; flex-shrink:0; }
.alogo { display:flex; align-items:center; gap:10px; }
.alogo__mark {
width:44px; height:44px; background:var(--navy); border-radius:50%;
display:flex; align-items:center; justify-content:center;
flex-shrink:0; position:relative; transition:width var(--t),height var(--t);
}
.alogo__mark::before {
content:''; position:absolute; inset:5px;
border:1.5px solid var(--gold); border-radius:50%; opacity:.5;
}
.alogo__mark svg { width:20px; height:20px; position:relative; z-index:1; }
.alogo__mark--sm { width:34px; height:34px; }
.alogo__mark--sm svg { width:16px; height:16px; }
body.scrolled .alogo__mark { width:36px; height:36px; }
body.scrolled .alogo__mark svg { width:16px; height:16px; }
.alogo__text { line-height:1.1; }
.alogo__name { display:block; font-family:'Cormorant Garamond',serif; font-size:1.5rem;
font-weight:700; color:var(--navy); letter-spacing:.12em; text-transform:uppercase;
transition:font-size var(--t); }
.alogo__sub { display:block; font-size:.58rem; font-weight:600; color:var(--gold);
letter-spacing:.25em; text-transform:uppercase; transition:opacity var(--t); }
body.scrolled .alogo__name { font-size:1.18rem; }
body.scrolled .alogo__sub { opacity:0; height:0; overflow:hidden; }
/* Search */
.ahdr-search { position:relative; width:100%; justify-self:stretch; }
.ahdr-search__icon { position:absolute; left:16px; top:50%; transform:translateY(-50%);
color:var(--muted); font-size:.82rem; pointer-events:none; }
.ahdr-search__input {
width:100%; height:46px; padding:0 52px 0 42px;
border:1.5px solid #dde4ef; border-radius:23px;
font-family:'Outfit',sans-serif; font-size:.87rem; color:var(--navy);
background:#f7f9fc; outline:none;
transition:border-color var(--t), box-shadow var(--t), background var(--t);
}
.ahdr-search__input::placeholder { color:#a8b4c6; }
.ahdr-search__input:focus { border-color:var(--gold); background:#fff;
box-shadow:0 0 0 3px rgba(184,146,90,.12); }
body.scrolled .ahdr-search__input { height:38px; }
.ahdr-search__btn {
position:absolute; right:7px; top:50%; transform:translateY(-50%);
width:32px; height:32px; background:var(--navy); border:none; border-radius:50%;
color:#fff; font-size:.78rem;
display:flex; align-items:center; justify-content:center;
transition:background var(--t);
}
.ahdr-search__btn:hover { background:var(--gold); }
/* Actions */
.ahdr-actions { display:flex; align-items:center; gap:5px; flex-shrink:0; }
.ahdr-pill, .ahdr-pills .anav-pill {
display:flex; align-items:center; gap:5px;
border:1.5px solid #dde4ef; border-radius:18px;
padding:5px 12px; color:var(--navy); font-size:.76rem; font-weight:500;
background:#fff; white-space:nowrap;
transition:border-color var(--t), color var(--t);
}
.ahdr-pill i, .ahdr-pills .anav-pill i { color:var(--gold); font-size:.72rem; }
.ahdr-pill:hover, .ahdr-pills .anav-pill:hover { border-color:var(--gold); color:var(--gold); }
.ahdr-call { display:flex; align-items:center; gap:10px; text-decoration:none;
margin:0 6px; overflow:hidden; max-width:200px;
transition:max-width var(--t), opacity var(--t); }
body.scrolled .ahdr-call { max-width:0; opacity:0; pointer-events:none; }
.ahdr-call__ico { width:40px; height:40px; flex-shrink:0; background:var(--navy);
border-radius:50%; display:flex; align-items:center; justify-content:center;
color:var(--gold); font-size:.82rem; transition:background var(--t); }
.ahdr-call:hover .ahdr-call__ico { background:var(--gold); color:#fff; }
.ahdr-call__info { white-space:nowrap; }
.ahdr-call__lbl { display:block; font-size:.58rem; color:var(--muted); letter-spacing:.07em; text-transform:uppercase; }
.ahdr-call__num { display:block; font-size:.88rem; font-weight:600; color:var(--navy); }
.ahdr-ibtn {
width:42px; height:42px; border-radius:50%; border:1.5px solid #dde4ef;
background:#fff; color:var(--navy); font-size:.9rem;
display:flex; align-items:center; justify-content:center;
position:relative; text-decoration:none;
transition:border-color var(--t), color var(--t), background var(--t), width var(--t), height var(--t);
}
.ahdr-ibtn:hover { border-color:var(--gold); color:var(--gold); background:var(--gold-pale); }
body.scrolled .ahdr-ibtn { width:36px; height:36px; font-size:.8rem; }
.ahdr-ibtn__badge {
position:absolute; top:-5px; right:-5px;
background:var(--gold); color:#fff; min-width:18px; height:18px;
border-radius:9px; font-size:.58rem; font-weight:700; padding:0 4px;
display:flex; align-items:center; justify-content:center;
border:2px solid #fff;
}
.ahdr-ibtn__dot {
position:absolute; bottom:2px; right:2px;
width:8px; height:8px; border-radius:50%;
background:#22c55e; border:1.5px solid #fff;
}
.ahdr-ibtn--account .fa-user-check { color:var(--gold); }
/* =========================================================
3. NAV BAR
========================================================= */
#aurix-nav {
position:fixed; top:calc(var(--bar-h) + var(--hdr-h)); left:0; right:0;
z-index:1099; background:transparent;
transition:top var(--t);
}
body.scrolled #aurix-nav { top:60px; }
.anav-inner { max-width:1420px; margin:0 auto; padding:6px 40px 6px 8px; background: var(--navy); border-radius: 12px;
display:flex; align-items:center; height:var(--nav-h); }
.anav-cat-btn {
display:flex; align-items:center; gap:9px;
background:var(--gold); color:var(--navy);
border:none; height:100%; padding:0 22px; border-radius: 8px;
font-family:'Outfit',sans-serif; font-size:.8rem; font-weight:600;
letter-spacing:.07em; text-transform:uppercase; flex-shrink:0;
transition:background var(--t);
}
.anav-cat-btn:hover { background:var(--gold-lt); }
.bars { display:flex; flex-direction:column; gap:4px; width:16px; }
.bars span { display:block; height:2px; background:var(--navy); border-radius:2px;
transition:transform var(--t), opacity var(--t); }
.anav-cat-btn.open .bars span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.anav-cat-btn.open .bars span:nth-child(2) { opacity:0; }
.anav-cat-btn.open .bars span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
.anav-links { display:flex; align-items:center; list-style:none; flex:1; padding-left:4px; }
.anav-links li { position:relative; }
.anav-links li a { display:flex; align-items:center; height:var(--nav-h); padding:0 14px;
color:rgba(255,255,255,.78); font-size:.83rem; font-weight:500;
border-bottom:2px solid transparent; white-space:nowrap;
transition:color var(--t), border-color var(--t), background var(--t); }
.anav-links li a:hover,
.anav-links li a.active,
.anav-links li.current-menu-item > a,
.anav-links li.current_page_item > a {
color:#fff; border-bottom-color:var(--gold); background:rgba(255,255,255,.05); }
/* Small down-chevron on items that actually have a submenu */
.anav-links li.menu-item-has-children > a::after {
content:'\f107'; font-family:'Font Awesome 6 Free'; font-weight:900;
font-size:.68rem; margin-left:7px; opacity:.6; transition:transform var(--t);
}
.anav-links li.menu-item-has-children:hover > a::after { transform:rotate(180deg); }
/* Dropdown panel — row of bordered box/cards, not a plain vertical list */
.anav-links .sub-menu {
position:absolute; top:100%; left:0; z-index:1150;
display:flex; flex-direction:row; gap:10px;
width:max-content; max-width:80vw;
list-style:none; margin:0; padding:14px;
background:#fff; border-radius:14px;
box-shadow:0 16px 44px rgba(13,27,42,.22);
opacity:0; visibility:hidden; transform:translateY(-8px);
transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.anav-links li.menu-item-has-children:hover > .sub-menu,
.anav-links li.menu-item-has-children:focus-within > .sub-menu {
opacity:1; visibility:visible; transform:translateY(4px);
}
.anav-links .sub-menu li { width:auto; flex-shrink:0; display:flex; flex-direction:column; }
.anav-links .sub-menu li a {
height:auto; display:flex !important; align-items:center; justify-content:space-between; gap:14px;
padding:14px 18px; border-radius:10px; border:1.5px solid var(--border-md, #e8edf5);
border-bottom:1.5px solid var(--border-md, #e8edf5) !important;
color:var(--navy); font-size:.88rem; font-weight:600; white-space:nowrap;
transition:border-color var(--t), background var(--t);
}
.anav-links .sub-menu li a::after {
content:'\f35d'; font-family:'Font Awesome 6 Free'; font-weight:900;
font-size:.72rem; color:var(--gold); flex-shrink:0;
}
.anav-links .sub-menu li a:hover { background:var(--gold-pale); border-color:var(--gold); color:var(--gold-dk, var(--gold)); }
/* Nested (third-level) submenus: the parent is now flex-column (above),
so this just stacks naturally below the parent card as its own small list
of cards, rather than trying to span the outer row (which doesn't work --
this is nested one level too deep to be a direct flex item of that row). */
.anav-links .sub-menu .sub-menu {
position:static; margin:8px 0 0; padding:8px 0 0;
border-top:1px dashed var(--border); display:flex; flex-direction:column; gap:6px;
opacity:1; visibility:visible; transform:none; box-shadow:none; width:100%;
}
.anav-links .sub-menu .sub-menu li a { padding:9px 14px; font-size:.8rem; }
@media (max-width:1199px) {
.anav-links .sub-menu { flex-wrap:wrap; }
}
.anav-pills { display:flex; align-items:center; gap:7px; margin-left:auto; }
.anav-pill { display:inline-flex; align-items:center; justify-content:center; gap:6px;
background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
border-radius:18px; padding:0 13px; height:32px; line-height:1; color:rgba(255,255,255,.8);
font-size:.75rem; font-weight:500; white-space:nowrap;
transition:background var(--t), border-color var(--t); }
.anav-pill:hover { background:rgba(184,146,90,.2); border-color:var(--gold); color:#fff; }
.anav-pill i { color:var(--gold); font-size:.78rem; line-height:1; display:inline-flex; align-items:center; }
.anav-track { color:rgba(255,255,255,.62); font-size:.75rem; padding:0 13px; height:32px;
border:1px solid rgba(255,255,255,.12); border-radius:18px;
display:inline-flex; align-items:center; justify-content:center; gap:6px; line-height:1;
transition:color var(--t), border-color var(--t); }
.anav-track:hover { color:var(--gold-lt); border-color:var(--gold); }
/* =========================================================
4. SLIDE PANELS
========================================================= */
.apanel {
position:fixed; top:0; left:0; bottom:0; width:min(300px,88vw);
background:#fff; z-index:1400;
transform:translateX(-100%); transition:transform .3s cubic-bezier(.4,0,.2,1);
display:flex; flex-direction:column; overflow:hidden;
box-shadow:4px 0 40px rgba(13,27,42,.18);
}
.apanel--right { left:auto; right:0; transform:translateX(100%); box-shadow:-4px 0 40px rgba(13,27,42,.18); }
.apanel.open { transform:translateX(0); }
.apanel__head {
background:var(--navy); height:60px; padding:0 20px;
display:flex; align-items:center; justify-content:space-between; flex-shrink:0;
}
.apanel__title { font-family:'Cormorant Garamond',serif; font-size:1.1rem; font-weight:700;
color:#fff; letter-spacing:.08em; text-transform:uppercase; }
.apanel__title em { color:var(--gold); font-style:normal; }
.apanel__close { width:30px; height:30px; background:rgba(255,255,255,.1); border:none;
border-radius:50%; color:#fff; font-size:.82rem;
display:flex; align-items:center; justify-content:center;
transition:background var(--t); }
.apanel__close:hover { background:var(--gold); }
.apanel__body { flex:1; overflow-y:auto; padding:4px 0; min-height:0; }
.apanel__body a {
display:flex; align-items:center; justify-content:space-between;
padding:12px 20px; color:var(--navy); font-size:.88rem; font-weight:400;
border-bottom:1px solid rgba(0,0,0,.05);
transition:background var(--t), color var(--t), padding-left var(--t);
}
.apanel__body a:hover { background:var(--off); color:var(--gold); padding-left:26px; }
.apanel__body a:last-child { border-bottom:none; }
.albl { display:flex; align-items:center; gap:11px; }
.albl i { width:16px; color:var(--gold); font-size:.78rem; text-align:center; }
.apanel__body a > .fa-chevron-right { font-size:.68rem; color:#c0ccd8; }
.apanel__divider { height:1px; background:var(--border); margin:8px 0; }
/* ── Category panel: View All footer ── */
.apanel__foot {
flex-shrink:0 !important;
padding:10px 12px !important;
border-top:1px solid rgba(13,27,42,.10) !important;
background:#f5f3ef !important;
}
/* Override any apanel__body a rules leaking in */
.apanel__foot a.apanel__view-all,
a.apanel__view-all {
display:flex !important;
align-items:center !important;
gap:9px !important;
padding:11px 15px !important;
background:#0d1b2a !important;
border-radius:9px !important;
text-decoration:none !important;
color:#fff !important;
font-size:.83rem !important;
font-weight:600 !important;
font-family:'Outfit',sans-serif !important;
letter-spacing:.02em !important;
border-bottom:none !important;
transition:background .2s, transform .15s, box-shadow .2s !important;
box-shadow:0 3px 10px rgba(13,27,42,.18) !important;
}
.apanel__foot a.apanel__view-all:hover,
a.apanel__view-all:hover {
background:#b8925a !important;
color:#fff !important;
transform:translateY(-2px) !important;
box-shadow:0 6px 18px rgba(184,146,90,.3) !important;
padding-left:15px !important;
}
a.apanel__view-all i {
font-size:.78rem !important;
opacity:.85 !important;
flex-shrink:0 !important;
color:#b8925a !important;
transition:color .2s !important;
}
a.apanel__view-all:hover i { color:#fff !important; }
a.apanel__view-all > span:first-of-type {
flex:1 !important;
color:#fff !important;
}
.apanel__va-count {
font-size:.69rem !important;
background:rgba(255,255,255,.15) !important;
border:1px solid rgba(255,255,255,.2) !important;
padding:2px 8px !important;
border-radius:20px !important;
font-weight:600 !important;
min-width:24px !important;
text-align:center !important;
flex-shrink:0 !important;
color:#fff !important;
}
a.apanel__view-all:hover .apanel__va-count {
background:rgba(255,255,255,.25) !important;
}
/* =========================================================
5. CART SIDEBAR PANEL
========================================================= */
/* ═══════════════════════════════════════════
CART SIDEBAR — Redesigned UI v36
═══════════════════════════════════════════ */
#aurix-cart-panel {
position:fixed; top:0; right:0; bottom:0;
width:min(420px,100vw); background:#fff; z-index:1400;
transform:translateX(110%);
transition:transform .35s cubic-bezier(.4,0,.2,1);
display:flex; flex-direction:column;
box-shadow:-8px 0 60px rgba(13,27,42,.18);
}
#aurix-cart-panel.open { transform:translateX(0); }
/* ── Header ── */
.acp-header {
background:var(--navy);
padding:0 20px;
height:70px;
display:flex; align-items:center; justify-content:space-between;
flex-shrink:0;
border-bottom:2px solid rgba(184,146,90,.3);
}
.acp-title { display:flex; align-items:center; gap:12px; }
.acp-title-icon {
width:38px; height:38px; background:rgba(184,146,90,.15);
border:1.5px solid rgba(184,146,90,.35); border-radius:10px;
display:flex; align-items:center; justify-content:center;
}
.acp-title-icon i { color:var(--gold); font-size:1rem; }
.acp-title-text {
display:block; font-family:'Cormorant Garamond',serif;
font-size:1.1rem; font-weight:700; letter-spacing:.06em;
text-transform:uppercase; color:#fff; line-height:1.1;
}
.acp-item-count {
display:block; font-size:.72rem; color:rgba(255,255,255,.55);
font-family:'Outfit',sans-serif; font-weight:400; margin-top:1px;
}
.acp-close {
width:36px; height:36px;
background:rgba(255,255,255,.08);
border:1.5px solid rgba(255,255,255,.12);
border-radius:50%; color:rgba(255,255,255,.7); font-size:.85rem;
display:flex; align-items:center; justify-content:center;
transition:all var(--t); cursor:pointer; flex-shrink:0;
}
.acp-close:hover { background:var(--gold); border-color:var(--gold); color:#fff; }
/* ── Trust bar (replaces free shipping bar) ── */
.acp-trust-bar {
display:flex; align-items:center; justify-content:space-around;
background:#f8f9fc;
border-bottom:1px solid #e8edf5;
padding:10px 16px;
flex-shrink:0;
}
.acp-trust-bar-item {
display:flex; align-items:center; gap:6px;
font-size:.72rem; font-weight:600; color:#475569;
flex:1; justify-content:center;
}
.acp-trust-bar-item i {
font-size:.85rem; color:var(--gold);
}
.acp-trust-bar-divider {
width:1px; height:28px; background:#e2e8f0; flex-shrink:0;
}
/* ── Body / scroll area ── */
.acp-body {
flex:1; overflow-y:auto;
scrollbar-width:thin; scrollbar-color:#dde4ef transparent;
}
.acp-body::-webkit-scrollbar { width:4px; }
.acp-body::-webkit-scrollbar-track { background:transparent; }
.acp-body::-webkit-scrollbar-thumb { background:#dde4ef; border-radius:2px; }
.aurix-minicart-items { }
/* ── Empty cart state ── */
.woocommerce-mini-cart__empty-message {
padding:70px 30px 50px; text-align:center;
color:#a0aec0; font-size:.88rem; line-height:1.7;
}
.woocommerce-mini-cart__empty-message::before {
content:'\f290'; font-family:'Font Awesome 6 Free'; font-weight:900;
display:block; font-size:3.8rem; color:#e2e8f0; margin-bottom:20px;
}
/* ── Cart list wrapper ── */
.woocommerce-mini-cart { list-style:none; padding:8px 0; margin:0; }
/* ── Single cart item ──
WC outputs:
×
![]()
← product link wraps image
... (product name as text or link)
N × price
── */
.woocommerce-mini-cart-item {
display:grid;
grid-template-columns:auto 1fr auto;
grid-template-rows:auto auto;
gap:0 14px;
padding:14px 18px;
border-bottom:1px solid #f0f4f9;
transition:background .15s;
align-items:start;
}
.woocommerce-mini-cart-item:last-child { border-bottom:none; }
.woocommerce-mini-cart-item:hover { background:#fafbfd; }
/* Image link — col 1, spans 2 rows */
.woocommerce-mini-cart-item > a:has(img),
.woocommerce-mini-cart-item > a[href]:first-of-type {
grid-column:1; grid-row:1 / 3;
}
.woocommerce-mini-cart-item img {
display:block;
width:72px !important; height:72px !important;
object-fit:cover;
border-radius:10px;
border:1.5px solid #e8edf5;
box-shadow:0 2px 8px rgba(0,0,0,.07);
flex-shrink:0;
}
/* Product name link — col 2, row 1 */
.woocommerce-mini-cart-item .mini-cart-item-details {
grid-column:2; grid-row:1;
min-width:0;
}
.woocommerce-mini-cart-item .mini-cart-item-details > a,
.woocommerce-mini-cart-item > a:not(.remove_from_cart_button):not(:has(img)),
.woocommerce-mini-cart-item > a.cart-item-name {
display:block;
font-size:.83rem; font-weight:600; color:var(--navy);
line-height:1.4; text-decoration:none;
overflow:hidden;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
white-space:normal;
margin-bottom:0;
}
.woocommerce-mini-cart-item > a:not(.remove_from_cart_button):not(:has(img)):hover,
.woocommerce-mini-cart-item .mini-cart-item-details > a:hover { color:var(--gold); }
/* Quantity + price row — col 2, row 2 */
.woocommerce-mini-cart-item .quantity {
grid-column:2; grid-row:2;
font-size:.78rem; color:#718096;
display:flex; align-items:center; gap:5px;
margin-top:5px; flex-wrap:wrap;
}
.woocommerce-mini-cart-item .quantity .woocommerce-Price-amount {
color:var(--gold-dk); font-weight:700; font-size:.88rem;
}
.woocommerce-mini-cart-item .quantity bdi { font-weight:700; }
/* Remove × button — col 3, row 1 */
.woocommerce-mini-cart-item .remove_from_cart_button {
grid-column:3; grid-row:1;
width:28px; height:28px;
background:#fff5f5; border:1.5px solid #fed7d7;
border-radius:50%; color:#e53e3e;
display:flex; align-items:center; justify-content:center;
font-size:.85rem; text-decoration:none; font-style:normal;
transition:all .18s; flex-shrink:0;
line-height:1;
}
.woocommerce-mini-cart-item .remove_from_cart_button:hover {
background:#e53e3e; border-color:#e53e3e; color:#fff;
transform:scale(1.1);
}
/* WC built-in subtotal + buttons rows — hidden (we use our own footer) */
.woocommerce-mini-cart__total { display:none !important; }
.woocommerce-mini-cart__buttons { display:none !important; }
/* ── Cart item row ── */
.woocommerce-mini-cart-item,
.acp-cart-item {
display:flex !important;
align-items:center !important;
padding:0 !important; gap:0 !important;
border-bottom:1px solid #f0f4f9 !important;
background:#fff; transition:background .15s;
}
.woocommerce-mini-cart-item:last-child,
.acp-cart-item:last-child { border-bottom:none !important; }
.woocommerce-mini-cart-item:hover,
.acp-cart-item:hover { background:#fafbfd !important; }
/* Remove button */
.acp-remove-btn {
flex-shrink:0; width:28px; height:28px;
margin:0 2px 0 10px;
background:#fff0f0; border:1.5px solid #fecaca;
border-radius:50%; color:#dc2626; cursor:pointer;
display:flex !important; align-items:center; justify-content:center;
font-size:.72rem; transition:all .18s; align-self:center;
}
.acp-remove-btn:hover {
background:#dc2626 !important; border-color:#dc2626 !important;
color:#fff !important; transform:scale(1.1);
}
/* Image */
.acp-item-img {
flex-shrink:0; width:68px; height:68px;
margin:12px 10px 12px 8px;
}
.acp-item-img img, .acp-item-img a img {
width:68px !important; height:68px !important;
object-fit:cover; border-radius:10px;
border:1.5px solid #e8edf5;
box-shadow:0 2px 8px rgba(0,0,0,.07); display:block;
}
.acp-item-img a { display:block; line-height:0; }
/* Details */
.acp-item-details {
flex:1; min-width:0;
padding:11px 12px 11px 0;
}
.acp-item-name {
font-size:.82rem; font-weight:600; color:var(--navy);
line-height:1.35; margin-bottom:4px;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
overflow:hidden;
}
.acp-item-name a { color:var(--navy); text-decoration:none; font-size:.82rem; font-weight:600; }
.acp-item-name a:hover { color:var(--gold); }
.acp-item-sku {
display:inline-block; margin-bottom:6px;
font-size:.67rem; color:var(--gold); font-weight:600;
background:rgba(184,146,90,.1); padding:1px 7px;
border-radius:20px; letter-spacing:.02em;
}
/* Bottom row: qty controls + price */
.acp-item-bottom {
display:flex; align-items:center; justify-content:space-between;
gap:8px; margin-top:2px;
}
/* [− qty +] controls */
.acp-qty-ctrl {
display:flex; align-items:center;
background:#f1f5f9; border-radius:8px;
overflow:hidden; height:28px;
border:1px solid #e2e8f0;
}
.acp-qty-btn {
width:28px; height:28px; background:transparent; border:none;
color:#475569; font-size:.95rem; font-weight:500; cursor:pointer;
display:flex; align-items:center; justify-content:center;
transition:background .15s; line-height:1; padding:0;
flex-shrink:0;
}
.acp-qty-btn:hover { background:#e2e8f0; color:var(--navy); }
.acp-qty-num {
min-width:26px; text-align:center;
font-size:.82rem; font-weight:600; color:var(--navy);
padding:0 4px; user-select:none;
}
/* Price */
.acp-item-price {
font-size:.88rem; font-weight:700; color:var(--gold-dk); white-space:nowrap;
}
.acp-item-price .woocommerce-Price-amount,
.acp-item-price bdi { font-weight:700; color:var(--gold-dk); }
/* ── Empty state ── */
.acp-empty-cart { padding:60px 24px 50px; text-align:center; }
.acp-empty-icon {
width:72px; height:72px; background:#f1f5f9; border-radius:50%;
display:flex; align-items:center; justify-content:center; margin:0 auto 18px;
}
.acp-empty-icon i { font-size:1.8rem; color:#94a3b8; }
.acp-empty-title { font-size:.95rem; font-weight:600; color:var(--navy); margin:0 0 6px; }
.acp-empty-sub { font-size:.82rem; color:#94a3b8; margin:0 0 20px; }
.acp-empty-btn {
display:inline-flex; align-items:center; gap:8px;
background:var(--navy); color:#fff; padding:10px 22px;
border-radius:10px; font-size:.84rem; font-weight:600; text-decoration:none;
transition:background .2s;
}
.acp-empty-btn:hover { background:var(--gold); color:#fff; }
/* ── Footer ── */
.acp-footer {
background:#f8fafc;
border-top:1px solid #e8edf5;
flex-shrink:0;
padding:16px 18px 20px;
}
/* ── Order summary card ── */
.acp-summary {
background:#fff;
border:1.5px solid #e8edf5;
border-radius:12px;
padding:14px 15px;
margin-bottom:14px;
}
.acp-summary-row {
display:flex; justify-content:space-between; align-items:center;
font-size:.84rem; margin-bottom:8px;
}
.acp-summary-row:last-child { margin-bottom:0; }
.acp-sum-label { color:#718096; font-weight:500; display:flex; align-items:center; gap:5px; }
.acp-sum-label i { font-size:.78rem; }
.acp-total-amt { font-size:1rem; font-weight:700; color:var(--navy); }
.acp-sum-note { font-size:.75rem; color:#a0aec0; font-style:italic; }
.acp-free-tag {
background:#f0fff4; color:#276749;
border:1px solid #c6f6d5; border-radius:20px;
padding:2px 9px; font-size:.7rem; font-weight:700; letter-spacing:.03em;
}
.acp-summary-divider {
height:1px; background:#f0f4f9; margin:10px 0;
}
.acp-summary-total {
font-size:.9rem; font-weight:700;
}
.acp-summary-total span:first-child { color:var(--navy); }
.acp-grand-total { font-size:1.1rem; font-weight:800; color:var(--gold-dk); }
/* ── Checkout button — full width, prominent ── */
.acp-checkout-btn {
display:flex; align-items:center; justify-content:space-between;
width:100%; padding:0 20px; height:52px;
background:var(--navy); color:#fff;
border-radius:14px; text-decoration:none;
font-family:'Outfit',sans-serif; font-size:.9rem; font-weight:700;
letter-spacing:.02em; margin-bottom:10px;
box-shadow:0 4px 18px rgba(13,27,42,.22);
transition:all .2s;
}
.acp-checkout-btn:hover { background:var(--gold); box-shadow:0 6px 22px rgba(184,146,90,.35); color:#fff; }
.acp-checkout-btn i { font-size:.85rem; margin-right:6px; }
.acp-checkout-amt {
background:rgba(255,255,255,.15); border-radius:8px;
padding:3px 10px; font-size:.82rem; font-weight:600;
}
/* ── View cart link ── */
.acp-viewcart-btn {
display:flex; align-items:center; justify-content:center;
gap:7px; width:100%; height:40px;
background:#fff; color:var(--muted);
border:1.5px solid #e2e8f0; border-radius:10px;
text-decoration:none; font-size:.82rem; font-weight:500;
transition:all .2s;
}
.acp-viewcart-btn:hover { border-color:var(--navy); color:var(--navy); }
.acp-viewcart-btn i { font-size:.75rem; }
/* Mobile */
@media(max-width:480px) {
#aurix-cart-panel { width:100vw; }
.acp-checkout-btn { height:50px; }
}
/* =========================================================
6. OVERLAY
========================================================= */
#aurix-overlay {
position:fixed; inset:0; background:rgba(10,20,35,.55); z-index:1300;
opacity:0; visibility:hidden; backdrop-filter:blur(2px);
transition:opacity var(--t), visibility var(--t);
}
#aurix-overlay.open { opacity:1; visibility:visible; }
/* =========================================================
7. SEARCH OVERLAY
========================================================= */
#aurix-search-overlay {
position:fixed; inset:0; background:rgba(10,20,35,.6); z-index:1500;
opacity:0; visibility:hidden; display:flex; align-items:flex-start;
justify-content:center; padding-top:88px; backdrop-filter:blur(3px);
transition:opacity var(--t), visibility var(--t);
}
#aurix-search-overlay.open { opacity:1; visibility:visible; }
.asrch-box { background:#fff; border-radius:14px; padding:22px;
width:min(500px,92vw); box-shadow:var(--shadow-md);
transform:translateY(-16px); transition:transform var(--t); }
#aurix-search-overlay.open .asrch-box { transform:translateY(0); }
.asrch-row { display:flex; gap:10px; }
.asrch-input { flex:1; height:48px; padding:0 20px;
border:1.5px solid #dde4ef; border-radius:24px;
font-family:'Outfit',sans-serif; font-size:.9rem; color:var(--navy); outline:none;
transition:border-color var(--t), box-shadow var(--t); }
.asrch-input:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(184,146,90,.12); }
.asrch-submit { width:48px; height:48px; flex-shrink:0; background:var(--navy);
border:none; border-radius:50%; color:#fff; font-size:.88rem;
display:flex; align-items:center; justify-content:center;
transition:background var(--t); }
.asrch-submit:hover { background:var(--gold); }
.asrch-hints { margin-top:12px; display:flex; flex-wrap:wrap; gap:7px; }
.asrch-hint { background:var(--off); border:none; border-radius:16px; padding:5px 14px;
font-size:.76rem; color:var(--navy-mid); font-family:'Outfit',sans-serif;
transition:background var(--t), color var(--t); }
.asrch-hint:hover { background:var(--gold-pale); color:var(--gold); }
/* =========================================================
8. MOBILE TOP BAR
========================================================= */
#aurix-mob-top {
display:none; position:fixed; top:0; left:0; right:0;
height:var(--mob-top); background:#fff;
border-bottom:1px solid var(--border); box-shadow:var(--shadow-sm); z-index:1100;
align-items:center; justify-content:space-between; padding:0 14px;
}
.amob-btn { width:40px; height:40px; border:none; background:none;
font-size:1.1rem; color:var(--navy); border-radius:var(--r);
display:flex; align-items:center; justify-content:center;
transition:background var(--t), color var(--t); }
.amob-btn:hover { background:var(--gold-pale); color:var(--gold); }
.amob-logo-link { display:flex; align-items:center; text-decoration:none; }
.amob-right { display:flex; align-items:center; gap:4px; }
.amob-ilink { width:38px; height:38px; border:none; background:none;
font-size:.9rem; color:var(--muted); position:relative;
display:flex; align-items:center; justify-content:center;
transition:color var(--t); }
.amob-ilink:hover { color:var(--gold); }
.amob-badge { position:absolute; top:3px; right:3px;
background:var(--gold); color:#fff; min-width:15px; height:15px;
border-radius:8px; font-size:.52rem; font-weight:700; padding:0 3px;
display:flex; align-items:center; justify-content:center; border:2px solid #fff; }
/* =========================================================
9. MOBILE BOTTOM NAV
========================================================= */
#aurix-mob-bot {
display:none; position:fixed; bottom:0; left:0; right:0;
height:var(--mob-bot); background:#fff;
border-top:1px solid var(--border); box-shadow:0 -4px 28px rgba(13,27,42,.1);
z-index:1100; align-items:center; justify-content:space-around; padding:0 6px;
}
.amob-nav {
display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
color:var(--muted); font-size:.59rem; font-weight:500;
letter-spacing:.04em; text-transform:uppercase;
padding:6px 8px; border:none; background:none; position:relative; flex:1;
transition:color var(--t); text-decoration:none; height:100%;
}
.amob-nav i { font-size:1.1rem; line-height:1; display:flex; align-items:center; justify-content:center; }
.amob-nav:hover, .amob-nav.active { color:var(--gold); }
.amob-nav__badge { position:absolute; top:4px; left:50%; transform:translateX(4px);
background:var(--gold); color:#fff; min-width:15px; height:15px;
border-radius:8px; font-size:.52rem; font-weight:700; padding:0 3px;
display:flex; align-items:center; justify-content:center; border:2px solid #fff; }
.amob-nav--home {
background:var(--navy); color:#fff !important; width:52px; height:52px;
flex:0 0 52px; border-radius:50%; font-size:0 !important; gap:0;
margin-top:-18px; border:3px solid #fff;
box-shadow:0 4px 24px rgba(13,27,42,.28);
}
.amob-nav--home i { font-size:1.2rem !important; color:var(--gold); }
.amob-nav--home:hover { background:var(--gold); }
.amob-nav--home:hover i { color:#fff; }
/* =========================================================
10. SOCIAL ICONS — THEME COLORS (matches site navy/gold branding
instead of each platform's own brand color)
========================================================= */
.footer-socials { display:flex; gap:8px; flex-wrap:wrap; }
.footer-socials--center { justify-content:center; }
.fsoc {
width:36px; height:36px; border-radius:50%;
display:flex; align-items:center; justify-content:center; flex-shrink:0;
background:var(--navy);
transition:transform .15s, opacity .15s, box-shadow .15s, background .15s;
}
.fsoc:hover { background:var(--gold); transform:translateY(-3px); opacity:1; box-shadow:0 4px 12px rgba(184,146,90,.35); }
.fsoc svg { width:15px; height:15px; display:block; }
.fsoc svg path { fill:#fff; }
/* =========================================================
11. FOOTER
========================================================= */
.aurix-footer { background:#F5F6F8; }
.footer-bar-top { height:3px; background:linear-gradient(90deg,transparent 0%,var(--gold) 25%,var(--gold) 75%,transparent 100%); }
.footer-desk { padding:52px 0 0; }
.footer-container { max-width:1300px; margin:0 auto; padding:0 48px; }
.footer-grid {
display:grid;
grid-template-columns:1.8fr 1fr 1.1fr 1fr 1.2fr;
gap:0 36px; padding-bottom:40px;
border-bottom:1px solid #d8dce4;
}
.footer-logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; margin-bottom:14px; }
.footer-logo__mark { width:38px; height:38px; display:flex; align-items:center; justify-content:center; }
.footer-logo__mark svg { width:38px; height:38px; }
.footer-logo__text { display:flex; flex-direction:column; }
.footer-logo__name { font-family:'DM Sans',sans-serif; font-size:19px; font-weight:600;
letter-spacing:.22em; text-transform:uppercase; color:#0e1b2e; line-height:1; }
.footer-logo__sub { font-size:8px; font-weight:400; letter-spacing:.3em;
text-transform:uppercase; color:#8a96a3; margin-top:2px; }
.footer-logo__line { width:44px; height:1.5px; background:var(--gold); margin:6px 0 16px; }
.footer-brand__desc { font-size:13px; line-height:1.76; color:#4a5568;
max-width:250px; margin-bottom:20px; }
.footer-col h3 { font-size:13px; font-weight:700; color:#0e1b2e; letter-spacing:.06em;
text-transform:uppercase; margin-bottom:16px; padding-bottom:10px;
border-bottom:2px solid var(--gold); display:inline-block; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
.footer-col ul li a { font-size:13px; color:#4a5568;
display:flex; align-items:center; gap:0;
transition:color .15s, gap .15s; }
.footer-col ul li a::before { content:'›'; color:var(--gold); font-weight:700; font-size:15px;
width:0; overflow:hidden; transition:width .15s, margin-right .15s; margin-right:0; }
.footer-col ul li a:hover { color:#0e1b2e; gap:4px; }
.footer-col ul li a:hover::before { width:12px; margin-right:4px; }
.footer-col--contact .footer-contact-block {
display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; }
.footer-contact-block > i { color:var(--gold); margin-top:2px; font-size:.82rem; flex-shrink:0; width:14px; }
.footer-contact-block p, .footer-contact-block a {
font-size:13px; color:#4a5568; line-height:1.6; }
.footer-contact-block a { color:#734608; }
.footer-contact-block a:hover { color:#0e1b2e; }
/* Mobile footer */
.footer-mob { display:none; }
.mob-accord { border-bottom:1px solid #d8dce4; }
.mob-accord__btn {
width:100%; background:none; border:none; padding:16px 20px;
display:flex; align-items:center; justify-content:space-between; gap:8px;
font-family:'DM Sans',sans-serif; font-size:15px; font-weight:500;
color:#0e1b2e; text-align:left; transition:background .15s;
}
.mob-accord__btn:hover { background:#ededee; }
.mob-accord__arrow { width:22px; height:22px; border-radius:50%;
border:1.5px solid #d8dce4; flex-shrink:0;
display:flex; align-items:center; justify-content:center;
transition:border-color .2s, transform .25s; }
.mob-accord__btn:hover .mob-accord__arrow { border-color:var(--gold); }
.mob-accord__arrow svg { width:11px; height:11px; fill:none; stroke:#8a96a3;
stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mob-accord.open .mob-accord__arrow { transform:rotate(180deg); border-color:var(--gold); }
.mob-accord.open .mob-accord__arrow svg { stroke:var(--gold); }
.mob-accord__body { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.mob-accord.open .mob-accord__body { max-height:500px; }
.mob-accord__body ul { list-style:none; padding:4px 20px 16px; display:flex; flex-direction:column; gap:0; }
.mob-accord__body ul li a { display:block; padding:9px 0; font-size:14px; color:#4a5568;
border-bottom:1px solid #eded; transition:color .15s; }
.mob-accord__body ul li:last-child a { border-bottom:none; }
.mob-accord__body ul li a:hover { color:var(--gold); }
.mob-accord__static { display:block; padding:9px 0; font-size:14px; color:#4a5568; border-bottom:1px solid #eded; }
.mob-brand { padding:28px 20px; text-align:center; border-bottom:1px solid #d8dce4; }
.mob-brand__logo { display:flex; justify-content:center; margin-bottom:12px; }
.mob-brand__name { font-size:18px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:#0e1b2e; }
.mob-brand__sub { font-size:8px; letter-spacing:.3em; text-transform:uppercase; color:#8a96a3; margin-top:2px; }
.mob-brand__line { width:36px; height:1.5px; background:var(--gold); margin:5px auto 0; }
.mob-brand p { font-size:13px; color:#4a5568; line-height:1.72; margin:12px 0 18px; }
/* Footer bottom */
.footer-bottom { background:var(--navy); border-top:3px solid var(--gold); }
.footer-bottom__inner {
max-width:1300px; margin:0 auto; padding:0 48px;
height:52px; display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.footer-copy { font-size:12.5px; color:rgba(255,255,255,.55); white-space:nowrap; }
.footer-copy strong { color:var(--gold); }
.footer-copy a { color:rgba(255,255,255,.55); transition:color .15s; }
.footer-copy a:hover { color:var(--gold); }
.footer-dev { font-size:12px; color:rgba(255,255,255,.6); white-space:nowrap; }
.dev-mark { font-weight:700; font-size:12.5px; }
.footer-pay { display:flex; align-items:center; gap:5px; }
.pay-chip { height:24px; min-width:38px; padding:0 7px; background:#fff;
border:1px solid rgba(255,255,255,.2); border-radius:4px;
display:flex; align-items:center; justify-content:center;
font-size:9px; font-weight:700; }
.p-visa { color:#1a1f71; font-style:italic; font-size:10px; letter-spacing:.08em; }
.p-mc { width:40px; padding:0; }
.mc-w { display:flex; align-items:center; justify-content:center; width:100%; }
.mc-c { width:14px; height:14px; border-radius:50%; }
.mc-l { background:#EB001B; margin-right:-5px; }
.mc-r { background:#F79E1B; }
/* =========================================================
12. WOOCOMMERCE — GLOBAL BUTTONS
========================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
background:var(--navy) !important; color:#fff !important;
border-radius:25px !important; font-family:'Outfit',sans-serif !important;
font-size:.88rem !important; font-weight:500 !important; letter-spacing:.04em !important;
transition:background var(--t) !important; border:none !important;
padding:12px 28px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover {
background:var(--gold) !important; color:#fff !important; }
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt {
background:var(--gold) !important; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
background:var(--navy) !important; }
.woocommerce .price { color:var(--navy) !important; font-weight:600 !important; }
.woocommerce .price ins { color:var(--gold) !important; text-decoration:none !important; font-weight:700 !important; }
.woocommerce .price del { color:var(--muted) !important; font-size:.82em !important; }
.woocommerce-loop-product__title { font-family:'Cormorant Garamond',serif !important;
font-size:1.1rem !important; color:var(--navy) !important; }
.woocommerce ul.products li.product {
border-radius:var(--r-lg) !important; overflow:hidden !important;
box-shadow:var(--shadow-xs) !important; transition:box-shadow var(--t), transform var(--t) !important;
background:#fff !important;
}
.woocommerce ul.products li.product:hover { box-shadow:var(--shadow-md) !important; transform:translateY(-3px) !important; }
.woocommerce .star-rating span::before { color:var(--gold) !important; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
border-radius:var(--r) !important; border:1.5px solid #dde4ef !important;
font-family:'Outfit',sans-serif !important; padding:10px 16px !important;
transition:border-color var(--t), box-shadow var(--t) !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
border-color:var(--gold) !important;
box-shadow:0 0 0 3px rgba(184,146,90,.1) !important; outline:none !important; }
/* =========================================================
13. MY ACCOUNT PAGE — Login / Register tabs
NOTE: superseded — see "AUTHORITATIVE ACCOUNT PAGE STYLES" at the
end of this file. Browser DevTools inspection found 4+ separate,
overlapping declarations fighting over this page; rather than keep
patching one of them, one final block with maximum specificity now
wins regardless of what's declared here or in the other legacy
copies further down (search "aurix-account" to find them). Left in
place rather than deleted since precisely isolating their boundaries
among interspersed unrelated CSS risked breaking something by
accident -- they no longer have any visual effect.
========================================================= */
.aurix-account-page .aurix-woo-wrap {
max-width:1140px; margin:0 auto; padding:40px;
}
/* When not logged in — two-column Login/Register */
.woocommerce-account:not(.user-logged-in) .woocommerce {
max-width:900px; margin:0 auto;
}
/* PAGE TITLE */
.aurix-account-page .woocommerce > h2,
.woocommerce-account h1.page-title {
font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:700;
color:var(--navy); margin-bottom:8px; padding-bottom:12px;
border-bottom:2.5px solid var(--gold); display:inline-block;
}
/* LOGIN / REGISTER TABS */
.aurix-auth-tabs {
display:flex; gap:0; margin-bottom:32px;
border-bottom:2px solid var(--border);
}
.aurix-tab {
padding:12px 28px; background:none; border:none; border-bottom:2.5px solid transparent;
margin-bottom:-2px; font-family:'Outfit',sans-serif; font-size:.92rem; font-weight:600;
color:var(--muted); letter-spacing:.04em; text-transform:uppercase;
cursor:pointer; transition:color var(--t), border-color var(--t);
}
.aurix-tab.active { color:var(--navy); border-bottom-color:var(--gold); }
.aurix-tab:hover:not(.active) { color:var(--navy); }
.aurix-tab-panel { display:none; }
.aurix-tab-panel.active { display:block; }
/* TWO COL layout for login+register */
.woocommerce-account .u-columns {
display:grid; grid-template-columns:1fr 1fr; gap:32px;
}
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
background:#fff; border:1px solid var(--border);
border-radius:var(--r-lg); padding:32px; box-shadow:var(--shadow-xs);
}
.woocommerce-account .col-1 h2,
.woocommerce-account .col-2 h2 {
font-family:'Cormorant Garamond',serif; font-size:1.45rem; font-weight:700;
color:var(--navy); margin-bottom:24px; padding-bottom:12px;
border-bottom:2px solid var(--gold); display:inline-block;
}
/* Labels */
.woocommerce form .form-row label {
font-size:.82rem; font-weight:600; color:var(--navy);
letter-spacing:.04em; text-transform:uppercase; margin-bottom:6px; display:block;
}
/* Remember me + Lost password */
.woocommerce form .form-row .woocommerce-form__label-for-checkbox {
display:flex; align-items:center; gap:8px; font-size:.85rem;
color:var(--muted); text-transform:none; letter-spacing:0; font-weight:400;
}
.woocommerce form .form-row .woocommerce-form__label-for-checkbox input { margin:0; }
.woocommerce-LostPassword a,
.lost_password a { color:var(--gold) !important; font-size:.85rem; }
.woocommerce-LostPassword a:hover, .lost_password a:hover { color:var(--navy) !important; }
/* Register form note */
.woocommerce-privacy-policy-text { font-size:.8rem; color:var(--muted); margin-top:12px; line-height:1.6; }
/* =========================================================
14. MY ACCOUNT DASHBOARD (logged in)
========================================================= */
.user-logged-in.aurix-account-page .woocommerce {
display:grid; grid-template-columns:260px 1fr; gap:32px; align-items:start;
max-width:1100px; margin:0 auto;
}
.woocommerce-MyAccount-navigation {
background:#fff; border-radius:var(--r-lg); border:1px solid var(--border);
overflow:hidden; box-shadow:var(--shadow-xs); position:sticky; top:calc(60px + var(--nav-h) + 20px);
}
.woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation ul li a {
display:flex; align-items:center; gap:10px; padding:14px 20px;
color:var(--navy); font-size:.88rem; font-weight:500;
border-bottom:1px solid var(--border); text-decoration:none;
border-left:3px solid transparent;
transition:background var(--t), color var(--t), padding-left var(--t), border-color var(--t);
}
.woocommerce-MyAccount-navigation ul li:last-child a { border-bottom:none; }
.woocommerce-MyAccount-navigation ul li a::before {
font-family:'Font Awesome 6 Free'; font-weight:900;
width:16px; text-align:center; font-size:.8rem; color:var(--gold); flex-shrink:0;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { content:'\f3fd'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { content:'\f468'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before { content:'\f019'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content:'\f3c5'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content:'\f4ff'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content:'\f2f5'; color:#e55; }
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
background:var(--gold-pale); color:var(--gold); padding-left:24px; border-left-color:var(--gold); }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { color:#e55; border-left-color:#e55; }
.woocommerce-MyAccount-content {
background:#fff; border-radius:var(--r-lg); border:1px solid var(--border);
padding:32px; box-shadow:var(--shadow-xs);
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 { font-family:'Cormorant Garamond',serif; color:var(--navy); margin-bottom:18px; }
/* Dashboard welcome */
.woocommerce-MyAccount-content > p:first-child {
background:var(--gold-pale); border-left:3px solid var(--gold);
padding:14px 18px; border-radius:0 var(--r) var(--r) 0;
font-size:.9rem; color:var(--navy); margin-bottom:20px; line-height:1.6;
}
/* Orders table */
.woocommerce-orders-table {
width:100%; border-collapse:collapse; font-size:.87rem; border-radius:var(--r-lg); overflow:hidden;
}
.woocommerce-orders-table th {
background:var(--navy); color:#fff; padding:12px 16px;
text-align:left; font-weight:600; font-size:.76rem; letter-spacing:.06em; text-transform:uppercase;
}
.woocommerce-orders-table td { padding:13px 16px; border-bottom:1px solid var(--border); vertical-align:middle; }
.woocommerce-orders-table tr:last-child td { border-bottom:none; }
.woocommerce-orders-table tr:hover td { background:#fafbfd; }
.woocommerce-orders-table .woocommerce-button { padding:6px 16px !important; font-size:.78rem !important; border-radius:14px !important; }
mark.order-status { background:none !important; padding:4px 10px; border-radius:12px; font-size:.74rem; font-weight:600; }
mark.order-status.status-processing { background:rgba(56,161,105,.12) !important; color:#2f855a !important; }
mark.order-status.status-completed { background:rgba(49,130,206,.12) !important; color:#2b6cb0 !important; }
mark.order-status.status-pending { background:rgba(237,137,54,.12) !important; color:#c05621 !important; }
mark.order-status.status-cancelled { background:rgba(229,62,62,.12) !important; color:#c53030 !important; }
/* =========================================================
15. CART PAGE
========================================================= */
.aurix-cart-page .aurix-woo-wrap { max-width:1200px; margin:0 auto; padding:40px 32px; }
/* Page title */
.aurix-cart-page h1.page-title {
font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:700;
color:var(--navy); margin-bottom:36px; padding-bottom:14px;
border-bottom:3px solid var(--gold); display:inline-block;
}
/* ── 2-column layout ── */
/* WC outputs: div.woocommerce > form.woocommerce-cart-form + div.cart-collaterals */
.aurix-cart-page .woocommerce {
display:grid !important;
grid-template-columns:1fr 360px !important;
gap:32px !important;
align-items:start !important;
}
.aurix-cart-page .woocommerce-cart-form { grid-column:1 !important; }
.aurix-cart-page .cart-collaterals { grid-column:2 !important; }
/* ── Cart table wrapper ── */
.aurix-cart-page .woocommerce-cart-form table.shop_table {
width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
border-radius:16px !important;
overflow:hidden !important;
border:1.5px solid #e8edf5 !important;
box-shadow:0 4px 24px rgba(13,27,42,.08) !important;
background:#fff !important;
}
/* Table head */
.aurix-cart-page table.shop_table thead { background:var(--navy) !important; }
.aurix-cart-page table.shop_table thead th {
background:var(--navy) !important; color:#fff !important;
font-family:'Outfit',sans-serif !important; font-size:.7rem !important;
font-weight:600 !important; letter-spacing:.1em !important;
text-transform:uppercase !important; padding:16px 20px !important;
border:none !important;
}
/* Table body rows */
.aurix-cart-page table.shop_table tbody td {
padding:20px !important; border:none !important;
border-bottom:1px solid #f0f4f9 !important;
vertical-align:middle !important; background:#fff !important;
}
.aurix-cart-page table.shop_table tbody tr:last-child td {
border-bottom:none !important;
}
.aurix-cart-page table.shop_table tbody tr:hover td {
background:#fafbfd !important;
}
/* Table foot */
.aurix-cart-page table.shop_table tfoot td,
.aurix-cart-page table.shop_table tfoot th {
padding:14px 20px !important; background:#f8fafc !important;
border-top:1.5px solid #e8edf5 !important;
border-bottom:none !important; border-left:none !important; border-right:none !important;
}
/* ── Product image ── */
.aurix-cart-page .product-thumbnail { width:90px !important; padding-right:0 !important; }
.aurix-cart-page .product-thumbnail img {
width:80px !important; height:80px !important;
object-fit:cover !important; border-radius:12px !important;
border:1.5px solid #e8edf5 !important;
box-shadow:0 2px 10px rgba(0,0,0,.08) !important; display:block !important;
}
/* ── Product name ── */
.aurix-cart-page td.product-name a {
color:var(--navy) !important; text-decoration:none !important;
font-size:.9rem !important; font-weight:600 !important;
line-height:1.45 !important; display:block !important;
}
.aurix-cart-page td.product-name a:hover { color:var(--gold) !important; }
.aurix-cart-page td.product-name .product-short-description {
font-size:.78rem !important; color:#94a3b8 !important;
margin-top:4px !important; line-height:1.5 !important;
}
.aurix-cart-page td.product-name dl.variation {
font-size:.75rem !important; color:#718096 !important; margin-top:5px !important;
}
/* ── Remove button ── */
.aurix-cart-page td.product-remove { width:36px !important; padding:20px 8px 20px 16px !important; }
.aurix-cart-page td.product-remove a.remove {
display:flex !important; align-items:center !important; justify-content:center !important;
width:30px !important; height:30px !important;
background:#fff5f5 !important; color:#dc2626 !important;
border:1.5px solid #fecaca !important; border-radius:50% !important;
font-size:1.1rem !important; line-height:1 !important;
transition:all .18s !important; text-decoration:none !important; font-weight:300 !important;
}
.aurix-cart-page td.product-remove a.remove:hover {
background:#dc2626 !important; color:#fff !important;
border-color:#dc2626 !important; transform:scale(1.12) !important;
}
/* ── Prices ── */
.aurix-cart-page td.product-price .amount {
color:var(--muted) !important; font-size:.85rem !important; font-weight:500 !important;
}
.aurix-cart-page td.product-subtotal .amount {
color:var(--gold) !important; font-size:1rem !important; font-weight:700 !important;
}
.aurix-cart-page .save-badge {
display:inline-block; background:#f0fff4; color:#276749;
border:1px solid #c6f6d5; border-radius:20px;
font-size:.68rem; font-weight:700; padding:2px 8px; margin-top:4px;
}
/* ── Qty input ── */
.aurix-cart-page .woocommerce .qty {
height:36px !important; width:64px !important;
border:1.5px solid #dde4ef !important; border-radius:8px !important;
padding:0 10px !important; text-align:center !important;
font-family:'Outfit',sans-serif !important; font-size:.9rem !important;
font-weight:600 !important; color:var(--navy) !important;
background:#fff !important;
}
.aurix-cart-page .woocommerce .qty:focus {
border-color:var(--gold) !important; outline:none !important;
box-shadow:0 0 0 3px rgba(184,146,90,.12) !important;
}
/* ── Cart actions row (coupon + update) ── */
.aurix-cart-page .woocommerce-cart-form .actions {
padding:16px 20px !important;
background:#f8fafc !important;
border-top:1.5px solid #e8edf5 !important;
display:flex !important; justify-content:space-between !important;
align-items:center !important; flex-wrap:wrap !important; gap:12px !important;
}
.aurix-cart-page .woocommerce-cart-form .actions .coupon {
display:flex !important; align-items:center !important; gap:8px !important;
}
.aurix-cart-page .woocommerce-cart-form .actions .coupon input#coupon_code {
height:40px !important; width:180px !important;
border:1.5px solid #dde4ef !important; border-radius:10px !important;
padding:0 14px !important; font-family:'Outfit',sans-serif !important;
font-size:.84rem !important; color:var(--navy) !important; background:#fff !important;
}
.aurix-cart-page .woocommerce-cart-form .actions .coupon input#coupon_code:focus {
border-color:var(--gold) !important; outline:none !important;
}
.aurix-cart-page .woocommerce-cart-form .actions .coupon .button {
height:40px !important; padding:0 18px !important;
background:var(--navy) !important; color:#fff !important;
border:none !important; border-radius:10px !important;
font-family:'Outfit',sans-serif !important; font-size:.83rem !important;
font-weight:600 !important; cursor:pointer !important; transition:background .2s !important;
}
.aurix-cart-page .woocommerce-cart-form .actions .coupon .button:hover { background:var(--gold) !important; }
.aurix-cart-page .woocommerce-cart-form .actions [name="update_cart"] {
height:40px !important; padding:0 18px !important;
background:#f1f5f9 !important; color:var(--navy) !important;
border:1.5px solid #dde4ef !important; border-radius:10px !important;
font-family:'Outfit',sans-serif !important; font-size:.83rem !important;
font-weight:600 !important; cursor:pointer !important; transition:all .2s !important;
}
.aurix-cart-page .woocommerce-cart-form .actions [name="update_cart"]:hover {
background:var(--navy) !important; color:#fff !important; border-color:var(--navy) !important;
}
/* ── Cart totals (right column) ── */
.aurix-cart-page .cart_totals {
background:#fff;
border:1.5px solid #e8edf5;
border-radius:16px;
overflow:hidden;
box-shadow:0 4px 28px rgba(13,27,42,.1);
position:sticky; top:110px;
}
/* Totals header */
.aurix-cart-page .cart_totals h2 {
font-family:'Cormorant Garamond',serif !important;
font-size:1.1rem !important; font-weight:700 !important;
letter-spacing:.06em !important; text-transform:uppercase !important;
color:#fff !important; background:var(--navy) !important;
margin:0 !important; padding:18px 22px !important;
border-bottom:none !important; display:block !important;
}
/* Totals table */
.aurix-cart-page .cart_totals table.shop_table {
border:none !important; box-shadow:none !important;
border-radius:0 !important; background:transparent !important;
}
.aurix-cart-page .cart_totals table.shop_table th,
.aurix-cart-page .cart_totals table.shop_table td {
padding:15px 22px !important;
border-bottom:1px solid #f0f4f9 !important;
font-size:.87rem !important;
background:transparent !important;
vertical-align:middle !important;
}
.aurix-cart-page .cart_totals table.shop_table th {
color:#718096 !important; font-weight:500 !important;
font-size:.82rem !important; width:40% !important;
}
.aurix-cart-page .cart_totals table.shop_table td {
color:var(--navy) !important; font-weight:600 !important;
text-align:right !important;
}
.aurix-cart-page .cart_totals .order-total th {
color:var(--navy) !important; font-weight:700 !important; font-size:.9rem !important;
}
.aurix-cart-page .cart_totals .order-total td {
border-top:2px solid #f0f4f9 !important;
}
.aurix-cart-page .cart_totals .order-total .amount {
font-size:1.35rem !important; font-weight:800 !important; color:var(--gold) !important;
}
.aurix-cart-page .cart_totals .shipping-calculator-button,
.aurix-cart-page .cart_totals .shipping td {
font-size:.8rem !important; color:#94a3b8 !important;
}
/* Proceed to checkout button */
.aurix-cart-page .wc-proceed-to-checkout { padding:18px 20px 20px !important; }
.aurix-cart-page .wc-proceed-to-checkout a.checkout-button {
display:flex !important; align-items:center !important;
justify-content:center !important; gap:10px !important;
width:100% !important; height:52px !important;
background:var(--navy) !important; color:#fff !important;
border-radius:14px !important; font-family:'Outfit',sans-serif !important;
font-size:.9rem !important; font-weight:700 !important;
letter-spacing:.04em !important; text-decoration:none !important;
box-shadow:0 4px 18px rgba(13,27,42,.22) !important;
transition:all .22s !important;
}
.aurix-cart-page .wc-proceed-to-checkout a.checkout-button:hover {
background:var(--gold) !important;
box-shadow:0 6px 24px rgba(184,146,90,.4) !important;
transform:translateY(-1px) !important;
}
.aurix-cart-page .wc-proceed-to-checkout a.checkout-button::before {
content:' 023'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:.82rem;
}
/* Trust strip below button */
.aurix-cart-page .wc-proceed-to-checkout::after {
content:'Secure checkout · ISO 9001 · 30-Day Returns';
display:block; text-align:center;
font-size:.68rem; color:#94a3b8; margin-top:10px; letter-spacing:.03em;
}
/* Coupon accordion in totals */
.aurix-cart-page .cart_totals .coupon-form,
.aurix-cart-page .cart_totals .blockOverlay { display:none !important; }
/* Mobile: stack columns */
@media (max-width:900px) {
.aurix-cart-page .woocommerce {
grid-template-columns:1fr !important;
}
.aurix-cart-page .cart_totals { position:static !important; }
.aurix-cart-page .woocommerce-cart-form { grid-column:1 !important; }
.aurix-cart-page .cart-collaterals { grid-column:1 !important; }
}
@media (max-width:600px) {
.aurix-cart-page table.shop_table thead { display:none !important; }
.aurix-cart-page table.shop_table tbody td {
display:block !important; border-bottom:none !important;
padding:8px 14px !important;
}
.aurix-cart-page table.shop_table tbody tr {
border-bottom:1px solid #f0f4f9 !important; display:block !important; padding:12px 0 !important;
}
.aurix-cart-page table.shop_table tbody td::before {
content:attr(data-title)': '; font-weight:600; color:#94a3b8; font-size:.72rem;
display:block; margin-bottom:4px;
}
}
/* =========================================================
16. CHECKOUT PAGE
========================================================= */
.aurix-checkout-page .aurix-woo-wrap { max-width:1160px; margin:0 auto; }
/* 2-col layout */
.woocommerce-checkout .woocommerce-checkout {
display:grid !important;
grid-template-columns:1fr 380px !important;
gap:28px !important;
align-items:start !important;
}
/* Form fields */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea,
.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
.woocommerce-shipping-fields input,
.woocommerce-shipping-fields select,
.woocommerce-additional-fields textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
border:1.5px solid #dde4ef !important;
border-radius:10px !important;
padding:12px 16px !important;
font-family:'Outfit',sans-serif !important;
font-size:.88rem !important; color:var(--navy) !important;
background:#fff !important;
transition:border-color .2s, box-shadow .2s !important;
width:100% !important; box-sizing:border-box !important;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
border-color:var(--gold) !important;
box-shadow:0 0 0 3px rgba(184,146,90,.12) !important;
outline:none !important;
}
/* Field labels */
.woocommerce-checkout .form-row label {
font-size:.8rem !important; font-weight:600 !important;
color:#475569 !important; margin-bottom:6px !important;
display:block !important; letter-spacing:.02em !important;
}
.woocommerce-checkout .form-row label abbr {
color:#dc2626 !important; text-decoration:none !important; margin-left:2px !important;
}
/* Section headings */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
font-family:'Cormorant Garamond',serif !important;
font-size:1.25rem !important; color:var(--navy) !important;
margin:0 0 20px !important; padding-bottom:10px !important;
border-bottom:2px solid var(--gold) !important;
}
/* Billing/Shipping boxes */
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
background:#fff;
border:1.5px solid #e8edf5;
border-radius:16px;
padding:24px;
margin-bottom:20px;
box-shadow:0 2px 16px rgba(13,27,42,.06);
}
/* Payment box */
.woocommerce-checkout #payment {
background:#fff; border:1.5px solid #e8edf5;
border-radius:16px; overflow:hidden;
box-shadow:0 2px 16px rgba(13,27,42,.06);
}
.woocommerce-checkout #payment ul.payment_methods {
padding:20px 22px; background:#f8fafc;
border-bottom:1.5px solid #e8edf5;
}
.woocommerce-checkout #payment ul.payment_methods li {
padding:10px 0 !important; font-size:.88rem !important;
}
.woocommerce-checkout #payment ul.payment_methods li label {
font-weight:600 !important; color:var(--navy) !important; cursor:pointer !important;
}
.woocommerce-checkout #payment div.payment_box {
padding:14px 22px; font-size:.84rem; color:#718096;
background:#f0f4f9; border-top:1px solid #e8edf5;
}
.woocommerce-checkout #payment div.place-order { padding:22px; }
.woocommerce-checkout #payment #place_order {
width:100% !important; height:54px !important;
background:var(--navy) !important; color:#fff !important;
border:none !important; border-radius:14px !important;
font-family:'Outfit',sans-serif !important; font-size:.95rem !important;
font-weight:700 !important; letter-spacing:.03em !important; cursor:pointer !important;
box-shadow:0 4px 18px rgba(13,27,42,.22) !important;
transition:all .2s !important; display:flex !important;
align-items:center !important; justify-content:center !important; gap:10px !important;
}
.woocommerce-checkout #payment #place_order:hover {
background:var(--gold) !important;
box-shadow:0 6px 22px rgba(184,146,90,.35) !important;
}
/* Order review (right column) */
.woocommerce-order-review,
#order_review {
background:#fff; border:1.5px solid #e8edf5;
border-radius:16px; overflow:hidden;
box-shadow:0 4px 24px rgba(13,27,42,.09);
position:sticky; top:120px;
}
.woocommerce-checkout h3#order_review_heading {
font-family:'Cormorant Garamond',serif !important;
font-size:1.15rem !important; color:#fff !important;
margin:0 !important; padding:18px 22px !important;
background:var(--navy) !important; border-bottom:none !important;
letter-spacing:.04em !important;
}
.woocommerce-checkout-review-order-table th {
background:transparent !important; color:#718096 !important;
font-size:.72rem !important; letter-spacing:.06em !important;
text-transform:uppercase !important; padding:12px 18px !important;
border-color:#f0f4f9 !important;
}
.woocommerce-checkout-review-order-table td {
padding:14px 18px !important; vertical-align:middle !important;
border-color:#f0f4f9 !important; font-size:.85rem !important;
}
.woocommerce-checkout-review-order-table .product-name { color:var(--navy) !important; font-weight:600 !important; }
.woocommerce-checkout-review-order-table .product-total .amount { color:var(--gold) !important; font-weight:700 !important; }
.woocommerce-checkout-review-order-table .order-total .amount {
font-size:1.2rem !important; font-weight:800 !important; color:var(--gold) !important;
}
.woocommerce-checkout-review-order-table tfoot tr:last-child { background:#f8fafc !important; }
/* Mobile cart/checkout */
@media (max-width:900px) {
.woocommerce-cart .woocommerce {
grid-template-columns:1fr !important;
}
.woocommerce-cart .cart-collaterals { position:static !important; }
.cart_totals { position:static !important; }
.woocommerce-checkout .woocommerce-checkout {
grid-template-columns:1fr !important;
}
.woocommerce-order-review, #order_review { position:static !important; }
}
/* =========================================================
17. GENERAL CONTENT / BLOG
========================================================= */
.site-main { min-height:55vh; }
.aurix-woo-wrap, .aurix-page-wrap { max-width:1420px; margin:0 auto; padding:40px 48px; }
/* Reading measure constrained to ~720px (roughly 65-75 characters per line,
the generally accepted comfortable range) even though the page container
itself is 900px -- the old version let text run the full width, which at
~100 characters/line is well past what's comfortable to read. The featured
image and TOC/share/author boxes sit outside .entry-content and keep the
fuller width. */
.entry-content {
font-size:1.125rem;
line-height:1.8;
color:var(--text);
max-width:720px;
margin-left:auto;
margin-right:auto;
letter-spacing:.01em;
overflow-x:hidden;
hyphens:auto;
-webkit-hyphens:auto;
-webkit-hyphenate-limit-before:3;
-webkit-hyphenate-limit-after:2;
}
.entry-content::selection,
.entry-content ::selection { background:var(--gold-pale, rgba(184,146,90,.25)); color:var(--navy); }
.entry-content > *:first-child { margin-top:0; }
.entry-content em, .entry-content i { color:var(--navy-mid, var(--navy)); }
/* Nested lists: less vertical spacing than top-level, and a lighter marker
color so the hierarchy reads clearly at a glance. */
.entry-content li > ul, .entry-content li > ol { margin:.5em 0 0; }
.entry-content li > ul li, .entry-content li > ol li { margin-bottom:.3em; }
.entry-content ul ul li::marker { color:var(--muted); }
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4 {
font-family:'Cormorant Garamond',serif; color:var(--navy); margin:1.7em 0 .6em; line-height:1.3;
}
.entry-content h1 { font-size:2.2rem; }
.entry-content h2 { font-size:1.7rem; border-bottom:2px solid var(--gold); padding-bottom:7px; display:inline-block; }
.entry-content h3 { font-size:1.35rem; }
.entry-content h4 { font-size:1.15rem; }
.entry-content h2 + h3, .entry-content h3 + h4,
.entry-content h1 + h2, .entry-content h1 + h3 { margin-top:.5em; }
.entry-content p { margin-bottom:1.4em; text-wrap:pretty; }
/* The opening paragraph gets a touch more presence, a common editorial
convention that helps orient a reader into a long article. */
.entry-content > p:first-of-type {
font-size:1.18em;
font-weight:500;
color:var(--navy-mid, var(--navy));
line-height:1.7;
}
.entry-content a { color:var(--gold); text-decoration:underline; text-decoration-color:rgba(184,146,90,.35); text-underline-offset:2px; }
.entry-content a:hover { color:var(--navy); text-decoration-color:var(--navy); }
.entry-content strong, .entry-content b { color:var(--navy); font-weight:700; }
.entry-content ul,.entry-content ol { padding-left:1.4em; margin-bottom:1.4em; }
.entry-content li { margin-bottom:.55em; padding-left:.2em; text-wrap:pretty; }
.entry-content ul li::marker { color:var(--gold); }
.entry-content ol li::marker { color:var(--gold); font-weight:700; }
.entry-content blockquote {
position:relative;
border-left:4px solid var(--gold); padding:16px 24px 16px 52px; background:var(--gold-pale);
border-radius:0 var(--r) var(--r) 0; font-style:italic; color:var(--navy-mid, var(--navy));
margin:1.8em 0; font-size:1.05em;
}
.entry-content blockquote::before {
content:'\201C'; position:absolute; left:14px; top:2px;
font-family:'Cormorant Garamond',serif; font-style:normal; font-weight:700;
font-size:2.6em; line-height:1; color:var(--gold); opacity:.55;
}
.entry-content blockquote p:last-child { margin-bottom:0; }
.entry-content img { border-radius:var(--r); margin:1.6em 0; box-shadow:var(--shadow-xs); max-width:100%; height:auto; display:block; }
.entry-content figure { margin:1.6em 0; }
.entry-content figcaption { font-size:.85em; color:var(--muted); text-align:center; margin-top:.6em; font-style:italic; }
.entry-content code { background:var(--off); padding:2px 6px; border-radius:4px; font-size:.9em; }
.entry-content pre { background:var(--off); padding:16px 20px; border-radius:var(--r); overflow-x:auto; margin:1.6em 0; }
.entry-content pre code { background:none; padding:0; }
.entry-content hr { border:none; border-top:1px solid var(--border); margin:2.4em 0; }
.entry-content table { width:100%; border-collapse:collapse; margin:1.6em 0; font-size:.92em; }
.entry-content th, .entry-content td { padding:10px 14px; border:1px solid var(--border); text-align:left; }
.entry-content th { background:var(--off); font-weight:700; color:var(--navy); }
@media (max-width:640px) {
.entry-content { font-size:1.05rem; }
.entry-content h1 { font-size:1.7rem; }
.entry-content h2 { font-size:1.4rem; }
.entry-content h3 { font-size:1.2rem; }
.entry-content > p:first-of-type { font-size:1.1em; }
}
.page-title { font-family:'Cormorant Garamond',serif; font-size:2rem; color:var(--navy);
margin-bottom:24px; padding-bottom:12px; border-bottom:2px solid var(--gold); display:inline-block; }
/* =========================================================
18. WOOCOMMERCE NOTICES
========================================================= */
.woocommerce-message { background:#f0fff4 !important; border-top-color:#38a169 !important; color:var(--navy) !important; border-radius:0 var(--r) var(--r) 0 !important; }
.woocommerce-error { background:#fff5f5 !important; border-top-color:#e53e3e !important; border-radius:0 var(--r) var(--r) 0 !important; }
.woocommerce-info { background:#ebf8ff !important; border-top-color:#3182ce !important; border-radius:0 var(--r) var(--r) 0 !important; }
/* =========================================================
19. PAGINATION
========================================================= */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { border-color:#dde4ef !important; color:var(--navy) !important; border-radius:var(--r) !important; }
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current { background:var(--gold) !important; border-color:var(--gold) !important; color:#fff !important; }
/* =========================================================
20. RESPONSIVE
========================================================= */
@media (max-width:1100px) {
.ahdr-row,.anav-inner { padding:0 24px; }
#aurix-topbar { padding:0 24px; }
.footer-container { padding:0 28px; }
.footer-grid { grid-template-columns:1.6fr 1fr 1fr 1fr; row-gap:32px; }
.footer-col--contact { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:0 24px; }
.footer-col--contact h3 { grid-column:1/-1; }
}
@media (max-width:900px) { .ahdr-call { display:none; } }
@media (max-width:768px) {
#aurix-topbar,#aurix-header,#aurix-nav { display:none !important; }
#aurix-mob-top { display:flex; }
#aurix-mob-bot { display:flex; }
body { padding-top:calc(var(--mob-top) + 8px); padding-bottom:calc(var(--mob-bot) + 8px); overflow-x:hidden; }
body.scrolled { padding-top:calc(var(--mob-top) + 8px); }
html { overflow-x:hidden; }
.footer-desk { display:none; }
.footer-mob { display:block; }
.footer-bottom__inner { padding:12px 14px; height:auto; flex-direction:column; gap:8px; text-align:center; }
.footer-pay { justify-content:center; flex-wrap:wrap; }
.footer-copy,.footer-dev { white-space:normal; text-align:center; font-size:11.5px; }
.woocommerce { padding:0 !important; } /* Aurix handles spacing via its own wrappers */
/* Restore left/right space in main content only — NOT footer */
.site-main .woocommerce, #main .woocommerce { padding:0 !important; }
.aurix-woo-wrap,.aurix-page-wrap { padding:20px 12px; }
/* Account page mobile */
.user-logged-in.aurix-account-page .woocommerce { grid-template-columns:1fr; }
.woocommerce-account .u-columns { grid-template-columns:1fr; }
.woocommerce-account .col-1,.woocommerce-account .col-2 { padding:20px 16px; }
.woocommerce-MyAccount-content { padding:20px 16px; }
.woocommerce-MyAccount-navigation { position:static; }
/* Cart table mobile */
table.shop_table thead { display:none; }
table.shop_table tbody td { display:block; border:none !important; padding:5px 14px !important; }
table.shop_table tbody td::before { content:attr(data-title)': '; font-weight:600; color:var(--muted); font-size:.76rem; }
table.shop_table tbody tr { border-bottom:1px solid var(--border) !important; display:block; padding:10px 0; }
/* Cart sidebar full width on mobile */
#aurix-cart-panel { width:100vw; }
}
@media (max-width:480px) {
.acp-actions { grid-template-columns:1fr; }
.footer-grid { grid-template-columns:1fr; }
}
/* ============================================================
v3.0 ADDITIONS — Live Search, Wishlist, Logo, Toasts
Author: ZaheerAbbas
============================================================ */
/* ── REAL LOGO IMAGE ── */
.aurix-logo-img {
max-height: 54px;
width: auto;
object-fit: contain;
display: block;
transition: opacity var(--t), max-height var(--t);
}
body.scrolled .aurix-logo-img { max-height: 40px; }
.amob-logo-img { max-height: 34px; width: auto; object-fit: contain; display: block; }
/* Footer logo image */
.footer-logo img { max-height: 44px; width: auto; object-fit: contain; }
.mob-brand__logo img { max-height: 40px; width: auto; object-fit: contain; display: block; }
/* Panel logo */
.apanel__logo { padding: 0 4px; }
.apanel__logo img { max-height: 38px; width: auto; object-fit: contain; }
/* custom_logo wrapper */
.ahdr-logo .custom-logo-link img,
.ahdr-logo img { max-height: 54px; width: auto; }
body.scrolled .ahdr-logo .custom-logo-link img,
body.scrolled .ahdr-logo img { max-height: 40px; }
/* ── MOBILE PANEL USER BLOCK ── */
.apanel__user { display: flex; align-items: center; gap: 12px; padding: 16px 20px;
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-lt) 100%);
border-bottom: 1px solid rgba(255,255,255,.1); }
.apanel__user-ava { width: 44px; height: 44px; background: var(--gold); border-radius: 50%;
display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; flex-shrink: 0; overflow:hidden; }
.apanel__user-ava img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.apanel__user-name { display: block; font-weight: 600; color: #fff; font-size: .9rem; }
.apanel__user-link {
display: inline-block; font-size: .72rem; color: #1a1508; font-weight:700; margin-top: 6px;
background:#f0d9b8; padding:4px 12px; border-radius:20px; text-decoration:none;
}
.apanel__user-link:hover { background:#fff; color:var(--navy); }
/* ── LIVE SEARCH DROPDOWN ── */
.asrch-dropdown {
position: absolute; top: calc(100% + 8px); left: 0; right: 0;
background: #fff; border: 1px solid #dde4ef; border-radius: var(--r-lg);
box-shadow: 0 8px 48px rgba(13,27,42,.18); z-index: 900;
max-height: 520px; overflow-y: auto;
opacity: 0; visibility: hidden; transform: translateY(-6px);
transition: opacity .2s, visibility .2s, transform .2s;
}
.asrch-dropdown.open { opacity: 1; visibility: visible; transform: translateY(0); }
.asrch-dropdown--mob { position: static; transform: none; box-shadow: none; border: none;
border-top: 1px solid var(--border); border-radius: 0; max-height: 320px; }
.asrch-dropdown--mob.open { transform: none; }
/* Loading */
.asrch-loading { display: flex; align-items: center; justify-content: center; gap: 10px;
padding: 24px; font-size: .85rem; color: var(--muted); }
.asrch-loading i { color: var(--gold); }
/* Groups */
.asrch-group { }
.asrch-group-label {
display: flex; align-items: center; gap: 8px; padding: 10px 16px 6px;
font-size: .68rem; font-weight: 700; color: var(--muted);
letter-spacing: .09em; text-transform: uppercase;
border-top: 1px solid var(--border); background: #fafbfd;
}
.asrch-group:first-child .asrch-group-label { border-top: none; }
.asrch-group-label i { color: var(--gold); font-size: .7rem; }
/* Search result items */
.asrch-item {
display: flex; align-items: center; gap: 12px; padding: 11px 16px;
text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.04);
transition: background var(--t);
}
.asrch-item:hover { background: var(--gold-pale); }
.asrch-item__img { width: 48px; height: 48px; object-fit: cover;
border-radius: var(--r); border: 1px solid var(--border); flex-shrink: 0; }
.asrch-item__icon-wrap { width: 48px; height: 48px; background: var(--off);
border-radius: var(--r); display: flex; align-items: center; justify-content: center;
color: var(--gold); font-size: 1rem; flex-shrink: 0; }
.asrch-item__body { flex: 1; min-width: 0; }
.asrch-item__title { display: block; font-size: .87rem; font-weight: 500; color: var(--navy);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }
.asrch-item__title mark { background: rgba(184,146,90,.2); color: var(--gold); border-radius: 2px; padding: 0 2px; font-style: normal; }
.asrch-item__price { font-size: .8rem; color: var(--gold); font-weight: 600; display: block; margin-top: 2px; }
.asrch-item__sku { font-size: .72rem; color: var(--muted); display: block; }
.asrch-item__date { font-size: .72rem; color: var(--muted); display: block; margin-top: 2px; }
.asrch-item__count { font-size: .72rem; color: var(--muted); }
/* Empty state */
.asrch-empty { display: flex; align-items: center; gap: 12px; padding: 24px 16px;
font-size: .87rem; color: var(--muted); }
.asrch-empty i { color: #dde4ef; font-size: 1.4rem; }
/* Dropdown footer */
.asrch-footer { display: flex; align-items: center; justify-content: space-between;
padding: 10px 16px; border-top: 1px solid var(--border); background: #fafbfd; }
.asrch-footer__hint { font-size: .72rem; color: #c0ccd8; }
.asrch-footer__hint kbd { background: #f0f0f0; border: 1px solid #ddd; border-radius: 3px;
padding: 1px 5px; font-size: .7rem; color: var(--navy); }
.asrch-result-count { font-size: .72rem; color: var(--muted); font-weight: 600; }
/* Hints updated */
.asrch-hints { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.asrch-hints-label { font-size: .72rem; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
/* Search input — show dropdown within positioned parent */
.ahdr-search { position: relative; }
/* ── WISHLIST BUTTON ON PRODUCT CARDS ── */
.aurix-wl-btn {
position: absolute; top: 10px; right: 10px; z-index: 10;
width: 34px; height: 34px; background: #fff; border: 1.5px solid #dde4ef;
border-radius: 50%; color: #c0ccd8; font-size: .85rem;
display: flex; align-items: center; justify-content: center;
transition: background var(--t), color var(--t), border-color var(--t), transform .15s;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
/* On SINGLE PRODUCT PAGE — override to inline, not absolute (it's inside flex row) */
.aprod-atc-group .aurix-wl-btn,
.aprod-atc-group .aprod-wl-btn {
position: static !important;
top: auto !important;
right: auto !important;
width: 50px !important;
height: 50px !important;
flex-shrink: 0;
border: 1.5px solid var(--border-md) !important;
border-radius: 25px !important;
background: #fff !important;
color: var(--muted) !important;
font-size: 1rem !important;
box-shadow: none !important;
}
.aprod-atc-group .aurix-wl-btn:hover,
.aprod-atc-group .aurix-wl-btn.in-wishlist,
.aprod-atc-group .aprod-wl-btn:hover,
.aprod-atc-group .aprod-wl-btn.in-wishlist {
border-color: #e55 !important;
color: #e55 !important;
background: #fff5f5 !important;
transform: scale(1.05) !important;
}
.aurix-wl-btn:hover { background: #fff0f0; color: #e53e3e; border-color: #fcc; transform: scale(1.12); }
.aurix-wl-btn.in-wishlist { background: #fff0f0; color: #e53e3e; border-color: #fcc; }
.aurix-wl-btn.in-wishlist i { font-weight: 900; }
.aurix-wl-btn.loading { opacity: .6; pointer-events: none; }
.aurix-wl-btn.loading i::after { content: ''; }
/* Wishlist icon in header */
.ahdr-ibtn--wishlist:hover { color: #e53e3e; border-color: #fcc; background: #fff0f0; }
.ahdr-ibtn--wishlist .ahdr-ibtn__badge { background: #e53e3e; }
/* ── WISHLIST PAGE ── */
.aurix-wishlist-empty {
display: flex; flex-direction: column; align-items: center; justify-content: center;
padding: 80px 40px; text-align: center; gap: 16px;
}
.aurix-wishlist-empty i { font-size: 4rem; color: #dde4ef; }
.aurix-wishlist-empty h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; color: var(--navy); }
.aurix-wishlist-empty p { color: var(--muted); font-size: .95rem; }
.aurix-wishlist-empty a { background: var(--navy); color: #fff; padding: 12px 32px;
border-radius: 25px; font-size: .9rem; font-weight: 600; transition: background var(--t); }
.aurix-wishlist-empty a:hover { background: var(--gold); }
.aurix-wishlist-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px;
padding: 20px 0;
}
.aurix-wl-item {
background: #fff; border-radius: var(--r-lg); border: 1px solid var(--border);
overflow: hidden; box-shadow: var(--shadow-xs);
transition: box-shadow var(--t), transform var(--t), opacity .3s;
}
.aurix-wl-item:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.aurix-wl-item img { width: 100%; height: 200px; object-fit: cover; }
.aurix-wl-body { padding: 14px 16px 8px; }
.aurix-wl-body h4 { font-family: 'Cormorant Garamond', serif; font-size: 1rem; color: var(--navy); margin-bottom: 6px; }
.aurix-wl-body h4 a { color: inherit; }
.aurix-wl-body h4 a:hover { color: var(--gold); }
.aurix-wl-price { font-size: .9rem; font-weight: 700; color: var(--gold); }
.aurix-wl-actions { display: flex; gap: 8px; padding: 10px 16px 16px; }
.aurix-wl-add-btn { flex: 1; height: 36px; background: var(--navy); color: #fff;
border-radius: 18px; font-size: .8rem; font-weight: 600; display: flex; align-items: center;
justify-content: center; gap: 7px; transition: background var(--t); }
.aurix-wl-add-btn:hover { background: var(--gold); color: #fff; }
.aurix-wl-remove { width: 36px; height: 36px; flex-shrink: 0; background: #fff3f3;
border: 1.5px solid #fcc; border-radius: 50%; color: #e55;
display: flex; align-items: center; justify-content: center; font-size: .82rem;
transition: background var(--t); }
.aurix-wl-remove:hover { background: #e55; color: #fff; border-color: #e55; }
/* WooCommerce product — make li position:relative for wishlist btn */
.woocommerce ul.products li.product { position: relative !important; }
/* ── TOAST NOTIFICATIONS ── */
#aurix-toast {
position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(80px);
background: var(--navy); color: #fff; padding: 12px 24px;
border-radius: 25px; font-size: .88rem; font-weight: 500;
box-shadow: 0 8px 32px rgba(13,27,42,.3); z-index: 9999;
opacity: 0; transition: transform .3s, opacity .3s;
white-space: nowrap; pointer-events: none;
display: flex; align-items: center; gap: 10px;
}
#aurix-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
#aurix-toast.aurix-toast--success { border-left: 3px solid #22c55e; }
#aurix-toast.aurix-toast--info { border-left: 3px solid var(--gold); }
#aurix-toast.aurix-toast--error { border-left: 3px solid #e55; }
/* ── NAV HOT DEAL PILL ── */
.anav-pill--hot { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.3); color: #ef4444; }
.anav-pill--hot i { color: #ef4444; }
.anav-pill--hot:hover { background: rgba(239,68,68,.2); border-color: #ef4444; color: #ef4444; }
/* ── CATEGORY PANEL IMPROVEMENTS ── */
.apanel__body a .albl-count {
font-size: .68rem; color: var(--muted); background: var(--border);
padding: 2px 8px; border-radius: 10px; margin-left: auto; margin-right: 6px;
}
.apanel__body a .albl-arrow { font-size: .68rem; color: #c0ccd8; }
/* ── MY ACCOUNT IMPROVED LAYOUT ── */
.aurix-account-page .aurix-woo-wrap { max-width: 1100px; margin: 0 auto; padding: 40px; }
/* Account page header */
.woocommerce-account .woocommerce-MyAccount-content h2 {
font-family: 'Cormorant Garamond', serif; font-size: 1.55rem; color: var(--navy);
margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--gold);
}
/* Dashboard stats boxes */
.aurix-dashboard-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 28px; }
.aurix-stat-card { background: var(--off); border-radius: var(--r); padding: 20px; text-align: center; border: 1px solid var(--border); }
.aurix-stat-card i { font-size: 1.8rem; color: var(--gold); display: block; margin-bottom: 8px; }
.aurix-stat-card .stat-num { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; font-weight: 700; color: var(--navy); }
.aurix-stat-card .stat-lbl { font-size: .75rem; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
/* ── CHECKOUT STEPS (kept for compatibility) ── */
.aurix-checkout-steps { display: flex; align-items: center; gap: 0; margin-bottom: 28px;
background: #fff; border: 1.5px solid #e8edf5; border-radius: 16px;
padding: 14px 22px; box-shadow: 0 2px 12px rgba(13,27,42,.07); }
.aurix-step { display: flex; align-items: center; gap: 10px; flex: 1; }
.aurix-step__num { width: 32px; height: 32px; border-radius: 50%; display: flex;
align-items: center; justify-content: center; font-weight: 700; font-size: .85rem;
background: #e2e8f0; color: #94a3b8; flex-shrink: 0; transition: all .2s; }
.aurix-step.active .aurix-step__num { background: var(--gold); color: #fff; box-shadow: 0 2px 8px rgba(184,146,90,.4); }
.aurix-step.done .aurix-step__num { background: #22c55e; color: #fff; }
.aurix-step__lbl { font-size: .82rem; font-weight: 500; color: #94a3b8; }
.aurix-step.active .aurix-step__lbl { color: var(--navy); font-weight: 600; }
.aurix-step-sep { height: 2px; flex: 1; background: #e2e8f0; margin: 0 8px; border-radius: 1px; }
/* ── SCROLL TO TOP BUTTON ── */
#aurix-scroll-top {
position: fixed; bottom: 90px; right: 24px; width: 44px; height: 44px;
background: var(--navy); color: var(--gold); border: none; border-radius: 50%;
display: flex; align-items: center; justify-content: center; font-size: .9rem;
box-shadow: 0 4px 20px rgba(13,27,42,.2); cursor: pointer; z-index: 800;
opacity: 0; transform: translateY(16px); transition: opacity .3s, transform .3s, background var(--t);
}
#aurix-scroll-top.show { opacity: 1; transform: translateY(0); }
#aurix-scroll-top:hover { background: var(--gold); color: #fff; }
@media (max-width: 768px) {
#aurix-scroll-top { bottom: calc(var(--mob-bot) + 16px); right: 16px; }
.aurix-wishlist-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
.aurix-dashboard-stats { grid-template-columns: repeat(3, 1fr); gap: 10px; }
.aurix-stat-card { padding: 14px 10px; }
.aurix-stat-card .stat-num { font-size: 1.4rem; }
.aurix-checkout-steps { padding: 12px 14px; gap: 0; }
.aurix-step__lbl { display: none; }
.ahdr-search { display: none !important; }
}
@media (max-width: 480px) {
.aurix-wishlist-grid { grid-template-columns: 1fr; }
}
/* ============================================================
v5.0 — Icon Alignment, Search UI, My Account, Mobile Fixes
============================================================ */
/* ── NAV PILLS: guaranteed icon+text vertical centering ── */
.anav-pills {
display:flex; align-items:center; gap:6px; margin-left:auto;
height:var(--nav-h);
}
.anav-pill, .anav-track {
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important; line-height:1 !important;
}
.anav-pill i, .anav-track i { vertical-align:middle; line-height:1; }
/* ── IMPROVED LIVE SEARCH DROPDOWN ── */
.asrch-dropdown {
border-radius:14px !important;
overflow:hidden;
box-shadow:0 16px 60px rgba(13,27,42,.22) !important;
}
/* Type badges in results */
.asrch-group-label {
padding:8px 14px 5px !important;
font-size:.65rem !important; font-weight:800 !important;
letter-spacing:.1em !important;
background:linear-gradient(90deg,#f5f1eb 0%,#faf8f4 100%) !important;
border-bottom:1px solid rgba(184,146,90,.15) !important;
border-top:1px solid var(--border) !important;
}
.asrch-group:first-child .asrch-group-label { border-top:none !important; }
.asrch-group-label i { color:var(--gold) !important; }
/* Item improvements */
.asrch-item {
gap:14px !important; padding:10px 14px !important;
transition:background .15s !important;
}
.asrch-item:hover { background:var(--gold-pale) !important; }
.asrch-item__img {
width:52px !important; height:52px !important;
border-radius:8px !important;
border:1.5px solid rgba(184,146,90,.2) !important;
}
.asrch-item__icon-wrap {
width:52px !important; height:52px !important;
background:linear-gradient(135deg,#f0eae0,#f9f5f0) !important;
border:1.5px solid rgba(184,146,90,.2) !important;
border-radius:8px !important; color:var(--gold) !important;
font-size:.95rem !important;
}
.asrch-item__title { font-size:.88rem !important; font-weight:600 !important; color:var(--navy) !important; }
.asrch-item__title mark {
background:rgba(184,146,90,.18) !important;
color:var(--gold-dk) !important; border-radius:3px !important;
padding:0 3px !important; font-weight:700 !important;
}
.asrch-item__price {
font-size:.82rem !important; color:var(--gold) !important;
font-weight:700 !important; margin-top:3px !important; display:block !important;
}
.asrch-item__sku {
font-size:.7rem !important; color:var(--muted) !important;
background:#f5f5f5 !important; display:inline-block !important;
padding:1px 6px !important; border-radius:4px !important; margin-top:2px !important;
}
.asrch-item__count {
font-size:.72rem !important; color:var(--muted) !important;
background:var(--off) !important; padding:2px 8px !important; border-radius:10px !important;
font-weight:500 !important;
}
.asrch-item__date { font-size:.72rem !important; color:var(--muted) !important; margin-top:2px !important; }
/* Footer of dropdown */
.asrch-footer {
padding:9px 14px !important;
background:#fafbfd !important;
border-top:1px solid var(--border) !important;
}
/* Empty */
.asrch-empty {
padding:32px 16px !important; flex-direction:column !important;
text-align:center !important; gap:8px !important;
}
.asrch-empty i { font-size:2.2rem !important; color:#dde4ef !important; }
.asrch-empty span { font-size:.88rem !important; }
/* Loading */
.asrch-loading { padding:20px !important; }
/* ── MY ACCOUNT — FULL REDESIGN ── */
/* Hero banner at top of account */
.aurix-account-hero {
background:linear-gradient(135deg, var(--navy) 0%, var(--navy-lt) 100%);
border-radius:var(--r-lg); padding:28px 32px; margin-bottom:28px;
display:flex; align-items:center; gap:20px; color:#fff;
position:relative; overflow:hidden;
}
.aurix-account-hero::before {
content:''; position:absolute; right:-40px; top:-40px;
width:200px; height:200px; border-radius:50%;
background:rgba(184,146,90,.08); pointer-events:none;
}
.aurix-account-hero__avatar {
width:64px; height:64px; border-radius:50%; flex-shrink:0;
background:var(--gold); display:flex; align-items:center; justify-content:center;
font-family:'Cormorant Garamond',serif; font-size:1.8rem; font-weight:700; color:#fff;
border:3px solid rgba(255,255,255,.2);
}
.aurix-account-hero__info h3 {
font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:700;
color:#fff; margin:0 0 3px;
}
.aurix-account-hero__info p { font-size:.82rem; color:rgba(255,255,255,.62); margin:0; }
.aurix-account-hero__badge {
margin-left:auto; background:var(--gold); color:var(--navy);
padding:6px 16px; border-radius:20px; font-size:.74rem; font-weight:700;
letter-spacing:.06em; text-transform:uppercase; white-space:nowrap;
}
/* Navigation sidebar — redesigned */
.woocommerce-MyAccount-navigation {
background:#fff !important;
border-radius:var(--r-lg) !important;
border:1px solid var(--border) !important;
overflow:visible !important;
box-shadow:var(--shadow-sm) !important;
position:sticky !important;
top:calc(60px + var(--nav-h) + 20px) !important;
}
.woocommerce-MyAccount-navigation ul {
list-style:none !important; margin:0 !important; padding:8px !important;
}
.woocommerce-MyAccount-navigation ul li a {
display:flex !important; align-items:center !important; gap:11px !important;
padding:12px 14px !important; color:#4a5568 !important;
font-size:.88rem !important; font-weight:500 !important;
border-radius:9px !important; text-decoration:none !important;
border-left:none !important; border-bottom:none !important;
transition:background var(--t), color var(--t) !important;
position:relative !important;
}
.woocommerce-MyAccount-navigation ul li a::before {
font-family:'Font Awesome 6 Free' !important; font-weight:900 !important;
width:18px !important; height:18px !important; text-align:center !important;
font-size:.85rem !important; color:var(--muted) !important; flex-shrink:0 !important;
transition:color var(--t) !important; line-height:1 !important;
display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
background:var(--gold-pale) !important; color:var(--navy) !important;
padding-left:14px !important; border-left:none !important;
}
.woocommerce-MyAccount-navigation ul li a:hover::before,
.woocommerce-MyAccount-navigation ul li.is-active a::before { color:var(--gold) !important; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
margin-top:4px !important; border-top:1px solid var(--border) !important;
padding-top:14px !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { color:#e55 !important; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { background:#fff5f5 !important; color:#e55 !important; }
/* Active chevron indicator */
.woocommerce-MyAccount-navigation ul li.is-active a::after {
content:'\f054'; font-family:'Font Awesome 6 Free'; font-weight:900;
font-size:.62rem; color:var(--gold); margin-left:auto;
}
/* Content area */
.woocommerce-MyAccount-content {
background:#fff !important;
border-radius:var(--r-lg) !important;
border:1px solid var(--border) !important;
padding:32px !important;
box-shadow:var(--shadow-sm) !important;
min-height:400px !important;
}
.woocommerce-MyAccount-content h2 {
font-family:'Cormorant Garamond',serif !important;
font-size:1.5rem !important; color:var(--navy) !important;
margin:0 0 20px !important; padding-bottom:12px !important;
border-bottom:2px solid var(--gold) !important; display:inline-block !important;
}
.woocommerce-MyAccount-content > p:first-child {
background:var(--gold-pale) !important;
border-left:3px solid var(--gold) !important;
padding:12px 16px !important; border-radius:0 var(--r) var(--r) 0 !important;
font-size:.9rem !important; line-height:1.6 !important; margin-bottom:20px !important;
}
/* Dashboard quick links grid */
.woocommerce-MyAccount-content .woocommerce-MyAccount-content p a {
color:var(--gold) !important; font-weight:600 !important;
}
/* ── MOBILE: cart button goes to cart page ── */
/* handled in header.php — no JS panel open */
/* ── MOBILE: menu panel now slides from RIGHT ── */
/* (apanel--right already handles this) */
/* ── MOBILE BOTTOM NAV improvements ── */
#aurix-mob-bot {
height:60px !important;
}
.amob-nav {
padding:0 4px !important; gap:5px !important;
}
.amob-nav span { font-size:.56rem !important; letter-spacing:.05em !important; }
.amob-nav i {
font-size:1.15rem !important;
display:block !important; line-height:1 !important;
margin:0 auto !important;
}
.amob-nav--home {
width:50px !important; height:50px !important;
flex:0 0 50px !important; margin-top:-20px !important;
}
.amob-nav--home i { font-size:1.15rem !important; margin:0 !important; }
/* ── SEARCH AREA responsive ── */
@media (min-width:769px) {
.ahdr-search { display:flex !important; }
}
/* ── ACCOUNT RESPONSIVE ── */
@media (max-width:900px) {
.user-logged-in.aurix-account-page .woocommerce {
grid-template-columns:200px 1fr !important;
gap:20px !important;
}
}
@media (max-width:768px) {
.user-logged-in.aurix-account-page .woocommerce {
grid-template-columns:1fr !important;
gap:16px !important;
}
.aurix-account-page .aurix-woo-wrap { padding:16px !important; }
.aurix-account-hero { padding:20px !important; gap:14px !important; }
.aurix-account-hero__badge { display:none !important; }
.woocommerce-MyAccount-navigation { position:static !important; }
.woocommerce-MyAccount-navigation ul { display:flex !important; flex-wrap:wrap !important; padding:8px !important; gap:4px !important; }
.woocommerce-MyAccount-navigation ul li { flex:1 0 calc(50% - 4px) !important; }
.woocommerce-MyAccount-navigation ul li a { font-size:.78rem !important; padding:10px !important; border-radius:8px !important; justify-content:center !important; gap:7px !important; }
.woocommerce-MyAccount-navigation ul li a::after { display:none !important; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { flex:0 0 100% !important; }
.woocommerce-MyAccount-content { padding:20px 16px !important; }
body { padding-bottom:calc(60px + 8px) !important; }
}
/* ── ACCOUNT HERO STATS ── */
.aurix-account-hero__stats {
display:flex; align-items:center; gap:24px; margin-left:auto;
}
@media (max-width:600px) {
.aurix-account-hero__stats { display:none; }
}
.ahero-stat { text-align:center; }
.ahero-stat__num { display:block; font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:700; color:#fff; line-height:1; }
.ahero-stat__lbl { display:block; font-size:.68rem; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.08em; margin-top:2px; }
/* .aurix-account-inner grid rules removed from here — fully superseded by the
!important versions further down (search "Use the my-account.php template's
.aurix-account-inner for grid"). This exact duplication, with two different
breakpoints and pixel widths for the same sidebar, is what caused the nav
link text to get clipped between 768–960px. */
/* ── SEARCH ITEM META (price+sku+date row) ── */
.asrch-item__meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:4px; }
.asrch-item__meta i { font-size:.65rem; }
.asrch-item__arrow { font-size:.65rem; color:#c0ccd8; margin-left:auto; flex-shrink:0; transition:color .15s, transform .15s; }
.asrch-item:hover .asrch-item__arrow { color:var(--gold); transform:translateX(3px); }
/* ── SEARCH INPUT — clear & look great ── */
.ahdr-search__input:focus + .asrch-dropdown,
.ahdr-search__input:focus ~ .asrch-dropdown { /* controlled by JS */ }
/* Fix search area position context */
#ahdrSearch { position:relative; z-index:200; }
/* ── MOBILE CART LINK looks same as button ── */
.amob-nav--cart-link { all:unset; display:flex; flex-direction:column; align-items:center;
justify-content:center; gap:5px; color:#8a9ab0; font-size:.56rem; font-weight:500;
letter-spacing:.05em; text-transform:uppercase; padding:0 4px; flex:1;
position:relative; transition:color var(--t); text-decoration:none !important; cursor:pointer; }
.amob-nav--cart-link:hover { color:var(--gold); }
.amob-nav--cart-link i { font-size:1.15rem; display:block; line-height:1; }
/* ── ACCOUNT PAGE woocommerce override — remove duplicate nav/content structure ── */
.aurix-account-page .woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation,
.aurix-account-page .woocommerce-account .woocommerce > .woocommerce-MyAccount-content {
display:none; /* Hidden — we use .aurix-account-inner instead */
}
.aurix-account-page .aurix-account-inner > .woocommerce-MyAccount-navigation,
.aurix-account-page .aurix-account-inner > .woocommerce-MyAccount-content { display:block; }
/* ============================================================
v5.0 — DEFINITIVE FIXES
1. Search bar restored to original style
2. All header icons perfectly centered
3. My Account full responsive redesign
4. Mobile panels: top=categories LEFT, bottom=pages LEFT
5. Mobile bottom nav icon alignment
============================================================ */
/* ═══════════════════════════════════════════════════
1. SEARCH BAR — restored to original dark-button style
(matches screenshot 1: light input + dark circle submit)
═══════════════════════════════════════════════════ */
.ahdr-search {
position:relative !important;
width:100% !important;
justify-self:stretch !important;
}
.ahdr-search form { position:relative; display:flex; align-items:center; }
.ahdr-search__icon {
position:absolute !important; left:18px !important; top:50% !important;
transform:translateY(-50%) !important; color:#a8b4c6 !important;
font-size:.82rem !important; pointer-events:none !important; z-index:1 !important;
}
.ahdr-search__input {
width:100% !important; height:46px !important;
padding:0 60px 0 44px !important;
border:1.5px solid #e2e8f0 !important; border-radius:24px !important;
font-family:'Outfit',sans-serif !important; font-size:.88rem !important;
color:var(--navy) !important; background:#f7f9fc !important;
outline:none !important; box-shadow:none !important;
transition:border-color .2s, box-shadow .2s, background .2s !important;
}
.ahdr-search__input::placeholder { color:#a8b4c6 !important; font-size:.86rem !important; }
.ahdr-search__input:focus {
border-color:#c9d5e0 !important; background:#fff !important;
box-shadow:0 0 0 3px rgba(13,27,42,.06) !important;
}
body.scrolled .ahdr-search__input { height:40px !important; }
.ahdr-search__btn {
position:absolute !important; right:6px !important; top:50% !important;
transform:translateY(-50%) !important;
width:34px !important; height:34px !important;
background:var(--navy) !important; border:none !important; border-radius:50% !important;
color:#fff !important; font-size:.82rem !important; cursor:pointer !important;
display:flex !important; align-items:center !important; justify-content:center !important;
transition:background .2s !important; flex-shrink:0 !important;
}
body.scrolled .ahdr-search__btn { width:30px !important; height:30px !important; }
.ahdr-search__btn:hover { background:var(--gold) !important; }
/* ═══════════════════════════════════════════════════
2. HEADER ICONS — perfectly centered
═══════════════════════════════════════════════════ */
.ahdr-actions {
display:flex !important;
align-items:center !important;
gap:6px !important;
flex-shrink:0 !important;
}
/* Pills */
.ahdr-pill, .ahdr-pills .anav-pill {
display:inline-flex !important; align-items:center !important;
justify-content:center !important; gap:5px !important;
height:34px !important; line-height:1 !important;
padding:0 13px !important; white-space:nowrap !important;
border:1.5px solid #dde4ef !important; border-radius:17px !important;
color:var(--navy) !important; font-size:.76rem !important; font-weight:500 !important;
background:#fff !important; text-decoration:none !important;
transition:border-color .2s, color .2s !important;
}
.ahdr-pill i, .ahdr-pills .anav-pill i { font-size:.74rem !important; color:var(--gold) !important;
line-height:1 !important; display:flex !important; align-items:center !important; }
.ahdr-pill:hover, .ahdr-pills .anav-pill:hover { border-color:var(--gold) !important; color:var(--gold) !important; }
.ahdr-pills { display:flex; align-items:center; gap:10px; }
/* Icon buttons (account, wishlist, cart) */
.ahdr-ibtn {
width:40px !important; height:40px !important; border-radius:50% !important;
border:1.5px solid #dde4ef !important; background:#fff !important;
color:var(--navy) !important; font-size:.92rem !important;
display:inline-flex !important; align-items:center !important;
justify-content:center !important; position:relative !important;
text-decoration:none !important; cursor:pointer !important;
transition:border-color .2s, color .2s, background .2s !important;
flex-shrink:0 !important;
}
.ahdr-ibtn:hover { border-color:var(--gold) !important; color:var(--gold) !important; background:var(--gold-pale) !important; }
body.scrolled .ahdr-ibtn { width:36px !important; height:36px !important; font-size:.84rem !important; }
.ahdr-ibtn i { line-height:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.ahdr-ibtn__badge {
position:absolute !important; top:-4px !important; right:-4px !important;
background:var(--gold) !important; color:#fff !important;
min-width:17px !important; height:17px !important; border-radius:9px !important;
font-size:.56rem !important; font-weight:700 !important; padding:0 4px !important;
display:flex !important; align-items:center !important; justify-content:center !important;
border:2px solid #fff !important; line-height:1 !important;
}
.ahdr-ibtn__dot {
position:absolute !important; bottom:3px !important; right:3px !important;
width:7px !important; height:7px !important; border-radius:50% !important;
background:#22c55e !important; border:1.5px solid #fff !important;
}
/* Call block */
.ahdr-call {
display:inline-flex !important; align-items:center !important;
gap:10px !important; text-decoration:none !important;
margin:0 4px !important; flex-shrink:0 !important;
overflow:hidden !important; max-width:190px !important;
transition:max-width .2s, opacity .2s !important;
}
body.scrolled .ahdr-call { max-width:0 !important; opacity:0 !important; pointer-events:none !important; }
.ahdr-call__ico {
width:38px !important; height:38px !important; flex-shrink:0 !important;
background:var(--navy) !important; border-radius:50% !important;
display:inline-flex !important; align-items:center !important; justify-content:center !important;
color:var(--gold) !important; font-size:.82rem !important;
}
.ahdr-call__ico i { line-height:1 !important; }
.ahdr-call__info { white-space:nowrap !important; }
.ahdr-call__lbl { display:block !important; font-size:.56rem !important; color:var(--muted) !important; letter-spacing:.07em !important; text-transform:uppercase !important; }
.ahdr-call__num { display:block !important; font-size:.85rem !important; font-weight:600 !important; color:var(--navy) !important; }
/* Nav bar pills icon alignment */
.anav-pills {
display:flex !important; align-items:center !important;
gap:6px !important; margin-left:auto !important; height:100% !important;
}
.anav-pill, .anav-track {
display:inline-flex !important; align-items:center !important;
justify-content:center !important; gap:5px !important;
line-height:1 !important; height:30px !important; padding:0 13px !important;
border-radius:15px !important; font-size:.75rem !important;
white-space:nowrap !important; cursor:pointer !important;
}
.anav-pill i, .anav-track i {
line-height:1 !important; font-size:.76rem !important;
display:inline-flex !important; align-items:center !important;
}
/* ═══════════════════════════════════════════════════
3. MOBILE PANELS
- Top hamburger → opens CAT panel (slides from LEFT)
- Bottom "Menu" → opens PAGES panel (slides from LEFT)
- Both LEFT side on mobile
═══════════════════════════════════════════════════ */
/* apanel--mob-left: always slides from LEFT */
.apanel--mob-left {
left:0 !important; right:auto !important;
transform:translateX(-100%) !important;
box-shadow:4px 0 40px rgba(13,27,42,.18) !important;
}
.apanel--mob-left.open { transform:translateX(0) !important; }
/* Override apanel--right only on mobile to become left */
@media (max-width:768px) {
.apanel--right {
left:0 !important; right:auto !important;
transform:translateX(-100%) !important;
box-shadow:4px 0 40px rgba(13,27,42,.18) !important;
}
.apanel--right.open { transform:translateX(0) !important; }
}
/* ═══════════════════════════════════════════════════
4. MOBILE BOTTOM NAV — perfect icon centering
═══════════════════════════════════════════════════ */
#aurix-mob-bot {
height:62px !important;
display:none !important;
padding:0 !important;
}
@media (max-width:768px) {
#aurix-mob-bot { display:flex !important; }
}
.amob-nav, .amob-nav--cart-link {
display:flex !important; flex-direction:column !important;
align-items:center !important; justify-content:center !important;
gap:4px !important; flex:1 !important; height:100% !important;
padding:0 !important; border:none !important; background:none !important;
color:#8a9ab0 !important; text-decoration:none !important;
font-size:.54rem !important; font-weight:600 !important;
letter-spacing:.05em !important; text-transform:uppercase !important;
position:relative !important; cursor:pointer !important;
transition:color .2s !important;
}
.amob-nav i, .amob-nav--cart-link i {
font-size:1.18rem !important;
display:flex !important; align-items:center !important;
justify-content:center !important; line-height:1 !important;
height:22px !important;
}
.amob-nav span:not(.amob-nav__badge):not(.aurix-cart-count):not(.aurix-wishlist-count) {
line-height:1 !important; display:block !important;
}
.amob-nav:hover, .amob-nav.active,
.amob-nav--cart-link:hover { color:var(--gold) !important; }
/* Home center button */
.amob-nav--home {
background:var(--navy) !important; color:#fff !important;
width:52px !important; height:52px !important;
flex:0 0 52px !important; border-radius:50% !important;
margin-top:-18px !important; border:3px solid #fff !important;
box-shadow:0 4px 20px rgba(13,27,42,.25) !important;
flex-direction:row !important;
gap:0 !important;
}
.amob-nav--home i {
font-size:1.18rem !important; color:var(--gold) !important;
height:auto !important;
}
.amob-nav--home:hover { background:var(--gold) !important; }
.amob-nav--home:hover i { color:#fff !important; }
.amob-nav--home span:not(.amob-nav__badge) { display:none !important; }
/* Badges */
.amob-nav__badge, .amob-badge {
position:absolute !important; top:4px !important;
left:calc(50% + 4px) !important; transform:none !important;
background:var(--gold) !important; color:#fff !important;
min-width:15px !important; height:15px !important;
border-radius:8px !important; font-size:.52rem !important;
font-weight:700 !important; padding:0 3px !important;
display:flex !important; align-items:center !important;
justify-content:center !important; border:2px solid #fff !important;
line-height:1 !important;
}
/* ═══════════════════════════════════════════════════
5. MY ACCOUNT PAGE — COMPLETE RESPONSIVE REDESIGN
═══════════════════════════════════════════════════ */
/* Override any conflicting old rules */
.aurix-account-page .aurix-woo-wrap {
max-width:1200px !important; margin:0 auto !important; padding:36px 40px !important;
}
/* Remove old grid on .woocommerce — we use .aurix-account-inner instead */
.user-logged-in.aurix-account-page .woocommerce {
display:block !important;
}
/* Use the my-account.php template's .aurix-account-inner for grid */
.aurix-account-inner {
display:grid !important;
grid-template-columns:260px 1fr !important;
gap:28px !important;
align-items:start !important;
margin-top:0 !important;
}
/* Hero banner */
.aurix-account-hero {
background:linear-gradient(135deg,#0d1b2a 0%,#1a3050 100%) !important;
border-radius:14px !important; padding:26px 32px !important;
margin-bottom:24px !important; display:flex !important;
align-items:center !important; gap:18px !important;
position:relative !important; overflow:hidden !important; color:#fff !important;
box-shadow:0 8px 32px rgba(13,27,42,.25) !important;
}
.aurix-account-hero::before {
content:'' !important; position:absolute !important; right:-60px !important; top:-60px !important;
width:220px !important; height:220px !important; border-radius:50% !important;
background:rgba(184,146,90,.06) !important; pointer-events:none !important;
}
.aurix-account-hero::after {
content:'' !important; position:absolute !important; left:0 !important; bottom:0 !important;
right:0 !important; height:2px !important;
background:linear-gradient(90deg,transparent,var(--gold),transparent) !important;
}
.aurix-account-hero__avatar {
width:58px !important; height:58px !important; border-radius:50% !important;
background:var(--gold) !important; flex-shrink:0 !important;
display:flex !important; align-items:center !important; justify-content:center !important;
font-family:'Cormorant Garamond',serif !important; font-size:1.7rem !important;
font-weight:700 !important; color:#fff !important;
border:2.5px solid rgba(255,255,255,.25) !important;
box-shadow:0 4px 16px rgba(0,0,0,.2) !important;
}
.aurix-account-hero__info { flex:1 !important; min-width:0 !important; }
.aurix-account-hero__info h3 {
font-family:'Cormorant Garamond',serif !important; font-size:1.4rem !important;
font-weight:700 !important; color:#fff !important; margin:0 0 3px !important; line-height:1.2 !important;
}
.aurix-account-hero__info p { font-size:.8rem !important; color:rgba(255,255,255,.55) !important; margin:0 !important; }
.aurix-account-hero__stats {
display:flex !important; align-items:center !important;
gap:28px !important; margin-right:4px !important;
}
.ahero-stat { text-align:center !important; }
.ahero-stat__num {
display:block !important; font-family:'Cormorant Garamond',serif !important;
font-size:1.7rem !important; font-weight:700 !important; color:#fff !important; line-height:1 !important;
}
.ahero-stat__lbl { display:block !important; font-size:.62rem !important; color:rgba(255,255,255,.5) !important; text-transform:uppercase !important; letter-spacing:.08em !important; margin-top:3px !important; }
.aurix-account-hero__badge {
background:var(--gold) !important; color:var(--navy) !important;
padding:8px 18px !important; border-radius:20px !important;
font-size:.72rem !important; font-weight:700 !important;
letter-spacing:.06em !important; text-transform:uppercase !important;
white-space:nowrap !important; text-decoration:none !important; flex-shrink:0 !important;
display:inline-flex !important; align-items:center !important; gap:6px !important;
transition:background .2s !important;
}
.aurix-account-hero__badge:hover { background:#fff !important; color:var(--navy) !important; }
/* Account nav sidebar */
.aurix-account-inner .woocommerce-MyAccount-navigation {
background:#fff !important; border-radius:12px !important;
border:1px solid var(--border) !important;
box-shadow:0 2px 16px rgba(13,27,42,.07) !important;
overflow:hidden !important;
position:sticky !important; top:calc(60px + var(--nav-h) + 16px) !important;
}
.aurix-account-inner .woocommerce-MyAccount-navigation ul {
list-style:none !important; margin:0 !important; padding:8px !important;
}
.aurix-account-inner .woocommerce-MyAccount-navigation ul li a {
display:flex !important; align-items:center !important; gap:10px !important;
padding:11px 13px !important; border-radius:8px !important;
color:#4a5568 !important; font-size:.86rem !important; font-weight:500 !important;
text-decoration:none !important; border:none !important;
border-left:3px solid transparent !important;
transition:background .15s, color .15s, border-color .15s !important;
}
.aurix-account-inner .woocommerce-MyAccount-navigation ul li a::before {
font-family:'Font Awesome 6 Free' !important; font-weight:900 !important;
width:16px !important; text-align:center !important; font-size:.78rem !important;
color:#b0bec5 !important; flex-shrink:0 !important; line-height:1 !important;
}
.aurix-account-inner .woocommerce-MyAccount-navigation ul li a:hover,
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.is-active a {
background:var(--gold-pale) !important; color:var(--navy) !important;
border-left-color:var(--gold) !important;
}
.aurix-account-inner .woocommerce-MyAccount-navigation ul li a:hover::before,
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.is-active a::before { color:var(--gold) !important; }
/* logout */
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { border-top:1px solid var(--border) !important; padding-top:4px !important; margin-top:4px !important; }
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { color:#e55 !important; }
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { background:#fff5f5 !important; color:#e55 !important; border-left-color:#e55 !important; }
/* Account content area */
.aurix-account-inner .woocommerce-MyAccount-content {
background:#fff !important; border-radius:12px !important;
border:1px solid var(--border) !important; padding:28px !important;
box-shadow:0 2px 16px rgba(13,27,42,.07) !important; min-height:320px !important;
}
/* Fix WC default text — "Hello name (not name? Log out)" */
.woocommerce-MyAccount-content > p:first-child {
background:var(--gold-pale) !important;
border-left:3px solid var(--gold) !important;
padding:12px 16px !important; border-radius:0 8px 8px 0 !important;
font-size:.88rem !important; color:var(--navy) !important;
line-height:1.6 !important; margin-bottom:20px !important;
}
.woocommerce-MyAccount-content > p:first-child a { color:var(--gold) !important; font-weight:600 !important; }
/* ═══════════════════════════════════════════════════
6. MOBILE ACCOUNT RESPONSIVE
═══════════════════════════════════════════════════ */
/* (960px account-sidebar-width tweak removed — merged into the breakpoint
below, which now starts at 960px instead of 768px. The narrow 210px column
here previously kept full desktop font-size/padding on the nav links with
nowhere to fit them, and since the sidebar has overflow:hidden, that
overflow was silently clipped instead of wrapping -- exactly the "Dash...",
"My Ord...", "Acco... Deta..." truncation bug reported. ) */
@media (max-width:960px) {
.aurix-account-page .aurix-woo-wrap { padding:16px !important; }
.aurix-account-hero { flex-wrap:wrap !important; padding:18px 16px !important; gap:12px !important; }
.aurix-account-hero__stats { gap:18px !important; }
.aurix-account-hero__badge { padding:7px 14px !important; font-size:.68rem !important; }
.aurix-account-inner { grid-template-columns:1fr !important; gap:14px !important; }
.aurix-account-inner .woocommerce-MyAccount-navigation { position:static !important; }
.aurix-account-inner .woocommerce-MyAccount-navigation ul {
display:grid !important; grid-template-columns:1fr 1fr !important; gap:4px !important; padding:8px !important;
}
.aurix-account-inner .woocommerce-MyAccount-navigation ul li a { font-size:.8rem !important; padding:10px !important; border-left:none !important; border-bottom:2px solid transparent !important; justify-content:center !important; gap:8px !important; border-radius:8px !important; }
.aurix-account-inner .woocommerce-MyAccount-navigation ul li a:hover,
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.is-active a { border-left:none !important; border-bottom-color:var(--gold) !important; }
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { grid-column:1/-1 !important; border-top:1px solid var(--border) !important; margin-top:0 !important; padding-top:0 !important; }
.aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { justify-content:center !important; }
.aurix-account-inner .woocommerce-MyAccount-content { padding:18px 14px !important; }
}
@media (max-width:480px) {
.aurix-account-hero__stats { display:none !important; }
.ahero-stat { display:none !important; }
}
/* ── Footer: block WooCommerce's mobile padding:15px override ── */
@media (max-width:768px) {
footer .woocommerce,
.aurix-footer .woocommerce,
.aurix-footer .woocommerce-page {
padding: 0 !important;
}
}
/* ================================================================
FINAL MOBILE FIX — Overrides all previous conflicting rules
Fixes: header overflow, footer side space, body width
================================================================ */
@media (max-width:768px) {
/* ── 1. PREVENT ALL HORIZONTAL OVERFLOW ── */
html, body {
overflow-x:hidden !important;
max-width:100vw !important;
width:100% !important;
}
/* ── 2. MOBILE TOP HEADER — strict full width, no overflow ── */
#aurix-mob-top {
left:0 !important;
right:0 !important;
width:100% !important;
max-width:100vw !important;
box-sizing:border-box !important;
padding:0 12px !important;
overflow:hidden !important;
}
/* Logo image in header */
.amob-logo-link,
.amob-logo-img { max-width:140px !important; overflow:hidden !important; }
.amob-logo-img { max-height:32px !important; width:auto !important; object-fit:contain !important; }
/* ── 3. MOBILE BOTTOM NAV — strict full width ── */
#aurix-mob-bot {
left:0 !important;
right:0 !important;
width:100% !important;
max-width:100vw !important;
box-sizing:border-box !important;
padding:0 !important;
}
/* ── 4. FOOTER — zero side padding everywhere ── */
.aurix-footer {
width:100% !important;
max-width:100vw !important;
box-sizing:border-box !important;
overflow-x:hidden !important;
padding:0 !important;
margin:0 !important;
}
.footer-mob {
width:100% !important;
padding:0 !important;
margin:0 !important;
box-sizing:border-box !important;
}
.mob-accord {
width:100% !important;
box-sizing:border-box !important;
margin:0 !important;
}
.mob-accord__btn {
width:100% !important;
box-sizing:border-box !important;
padding:14px 16px !important;
}
.mob-accord__body ul {
padding:4px 16px 14px !important;
}
.mob-brand {
width:100% !important;
box-sizing:border-box !important;
padding:22px 16px !important;
margin:0 !important;
}
.footer-bottom {
width:100% !important;
max-width:100vw !important;
box-sizing:border-box !important;
padding:0 !important;
margin:0 !important;
}
.footer-bottom__inner {
width:100% !important;
box-sizing:border-box !important;
padding:12px 16px !important;
margin:0 !important;
}
/* ── 5. MAIN BODY — 8px side padding, no overflow ── */
#page.site {
overflow-x:hidden !important;
width:100% !important;
max-width:100vw !important;
}
#main.site-main {
overflow-x:hidden !important;
width:100% !important;
max-width:100vw !important;
box-sizing:border-box !important;
padding-left:0 !important;
padding-right:0 !important;
}
/* ── 6. WooCommerce wrapper — zero padding (theme handles spacing) ── */
.woocommerce,
.woocommerce-page {
padding:0 !important;
margin:0 !important;
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
overflow-x:hidden !important;
}
/* But NOT in footer */
footer .woocommerce,
.aurix-footer .woocommerce { padding:0 !important; }
/* ── 7. PANELS (slide menus) — contained ── */
.apanel {
max-width:88vw !important;
width:88vw !important;
}
/* ── 8. SEARCH OVERLAY ── */
#aurix-search-overlay .asrch-box {
width:calc(100vw - 24px) !important;
max-width:100% !important;
box-sizing:border-box !important;
}
}
/* ── Remove all remaining side padding on mobile product/shop pages ── */
@media (max-width:768px) {
#main.site-main,
.aurix-woo-wrap,
.aurix-woo-inner,
.aurix-page-wrap,
.site-main .woocommerce,
#main .woocommerce,
.woocommerce-page #main {
padding-left:0 !important;
padding-right:0 !important;
}
}
/* Fix custom logo in header */
.ahdr-logo .custom-logo-link img,
.ahdr-logo .custom-logo {
max-height: 44px !important;
width: auto !important;
display: block !important;
}
.site-branding { display: none; }
/* ══════════════════════════════════════════════════════════════════
AUTHORITATIVE ACCOUNT PAGE STYLES
This is the single source of truth for the My Account page layout.
Everything above this point that also touches .aurix-account-page,
.aurix-account-inner, .woocommerce-MyAccount-navigation/-content,
.aurix-account-hero, or .ahero-stat is legacy and has been left in
place but is intentionally overridden here via body.aurix-account-page
(higher specificity than any earlier .aurix-account-page rule, since
comparing selectors with an equal class count falls back to element
count, and this one adds the `body` tag) plus !important throughout,
so there's exactly one place to edit this page's layout going forward.
══════════════════════════════════════════════════════════════════ */
body.aurix-account-page .aurix-woo-wrap {
max-width:1200px !important; margin:0 auto !important;
padding:40px !important; width:100% !important; box-sizing:border-box !important;
}
body.aurix-account-page.user-logged-in .woocommerce { display:block !important; }
/* Hero banner */
body.aurix-account-page .aurix-account-hero {
background:linear-gradient(135deg,#0d1b2a 0%,#1a3050 100%) !important;
border-radius:14px !important; padding:26px 32px !important;
margin-bottom:24px !important; display:flex !important;
align-items:center !important; gap:18px !important; flex-wrap:wrap !important;
position:relative !important; overflow:hidden !important; color:#fff !important;
box-shadow:0 8px 32px rgba(13,27,42,.25) !important;
}
body.aurix-account-page .aurix-account-hero::after {
content:'' !important; position:absolute !important; left:0 !important; bottom:0 !important;
right:0 !important; height:2px !important;
background:linear-gradient(90deg,transparent,var(--gold),transparent) !important;
}
body.aurix-account-page .aurix-account-hero__avatar {
width:58px !important; height:58px !important; border-radius:50% !important;
background:var(--gold) !important; flex-shrink:0 !important;
display:flex !important; align-items:center !important; justify-content:center !important;
font-family:'Cormorant Garamond',serif !important; font-size:1.7rem !important;
font-weight:700 !important; color:#fff !important;
border:2.5px solid rgba(255,255,255,.25) !important;
}
body.aurix-account-page .aurix-account-hero__info { flex:1 !important; min-width:160px !important; }
body.aurix-account-page .aurix-account-hero__info h3 {
font-family:'Cormorant Garamond',serif !important; font-size:1.4rem !important;
font-weight:700 !important; color:#fff !important; margin:0 0 3px !important; line-height:1.2 !important;
}
body.aurix-account-page .aurix-account-hero__info p { font-size:.8rem !important; color:rgba(255,255,255,.55) !important; margin:0 !important; }
body.aurix-account-page .aurix-account-hero__stats { display:flex !important; align-items:center !important; gap:28px !important; }
body.aurix-account-page .ahero-stat { text-align:center !important; }
body.aurix-account-page .ahero-stat__num {
display:block !important; font-family:'Cormorant Garamond',serif !important;
font-size:1.7rem !important; font-weight:700 !important; color:#fff !important; line-height:1 !important;
}
body.aurix-account-page .ahero-stat__lbl {
display:block !important; font-size:.62rem !important; color:rgba(255,255,255,.5) !important;
text-transform:uppercase !important; letter-spacing:.08em !important; margin-top:3px !important;
}
body.aurix-account-page .aurix-account-hero__badge {
background:var(--gold) !important; color:var(--navy) !important;
padding:8px 18px !important; border-radius:20px !important;
font-size:.72rem !important; font-weight:700 !important;
letter-spacing:.06em !important; text-transform:uppercase !important;
white-space:nowrap !important; text-decoration:none !important; flex-shrink:0 !important;
display:inline-flex !important; align-items:center !important; gap:6px !important;
}
body.aurix-account-page .aurix-account-hero__badge:hover { background:#fff !important; color:var(--navy) !important; }
/* Grid: sidebar + content. width:100% on the children is the actual fix for
the reported truncation/squeeze bug -- without it, a grid item defaults to
its content's natural size within the track rather than filling it. */
body.aurix-account-page .aurix-account-inner {
display:grid !important;
grid-template-columns:260px 1fr !important;
gap:28px !important;
align-items:start !important;
width:100% !important;
box-sizing:border-box !important;
margin-top:0 !important;
}
body.aurix-account-page .aurix-account-inner > .woocommerce-MyAccount-navigation,
body.aurix-account-page .aurix-account-inner > .woocommerce-MyAccount-content {
width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
display:block !important;
}
/* Nav sidebar */
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation {
background:#fff !important; border-radius:12px !important;
border:1px solid var(--border) !important;
box-shadow:0 2px 16px rgba(13,27,42,.07) !important;
overflow:hidden !important;
position:sticky !important; top:calc(60px + var(--nav-h) + 16px) !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul {
list-style:none !important; margin:0 !important; padding:8px !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li a {
display:flex !important; align-items:center !important; gap:10px !important;
padding:11px 13px !important; border-radius:8px !important;
color:#4a5568 !important; font-size:.86rem !important; font-weight:500 !important;
text-decoration:none !important; border:none !important;
border-left:3px solid transparent !important; white-space:normal !important;
transition:background .15s, color .15s, border-color .15s !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li a::before {
font-family:'Font Awesome 6 Free' !important; font-weight:900 !important;
width:16px !important; text-align:center !important; font-size:.78rem !important;
color:#b0bec5 !important; flex-shrink:0 !important; line-height:1 !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { content:'\f3fd' !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { content:'\f468' !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before { content:'\f019' !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content:'\f3c5' !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content:'\f4ff' !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content:'\f2f5' !important; color:#e55 !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li a:hover,
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.is-active a {
background:var(--gold-pale) !important; color:var(--navy) !important;
border-left-color:var(--gold) !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li a:hover::before,
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.is-active a::before { color:var(--gold) !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
border-top:1px solid var(--border) !important; padding-top:4px !important; margin-top:4px !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
background:#fff5f5 !important; color:#e55 !important; border-left-color:#e55 !important;
}
/* Content area */
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-content {
background:#fff !important; border-radius:12px !important;
border:1px solid var(--border) !important; padding:28px !important;
box-shadow:0 2px 16px rgba(13,27,42,.07) !important; min-height:320px !important;
}
body.aurix-account-page .woocommerce-MyAccount-content h2,
body.aurix-account-page .woocommerce-MyAccount-content h3 {
font-family:'Cormorant Garamond',serif !important; color:var(--navy) !important; margin-bottom:18px !important;
}
body.aurix-account-page .woocommerce-MyAccount-content > p:first-child {
background:var(--gold-pale) !important; border-left:3px solid var(--gold) !important;
padding:12px 16px !important; border-radius:0 8px 8px 0 !important;
font-size:.88rem !important; color:var(--navy) !important;
line-height:1.6 !important; margin-bottom:20px !important;
}
body.aurix-account-page .woocommerce-MyAccount-content > p:first-child a { color:var(--gold) !important; font-weight:600 !important; }
/* ── Responsive: one clean breakpoint, no in-between "narrow column,
full-size text" zone (that gap was the actual cause of the reported
truncation bug). ── */
@media (max-width:960px) {
body.aurix-account-page .aurix-woo-wrap { padding:16px !important; }
body.aurix-account-page .aurix-account-hero { padding:18px 16px !important; gap:12px !important; }
body.aurix-account-page .aurix-account-hero__stats { gap:18px !important; }
body.aurix-account-page .aurix-account-hero__badge { padding:7px 14px !important; font-size:.68rem !important; }
body.aurix-account-page .aurix-account-inner { grid-template-columns:1fr !important; gap:14px !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation { position:static !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul {
display:grid !important; grid-template-columns:1fr 1fr !important; gap:4px !important; padding:8px !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li a {
font-size:.8rem !important; padding:10px !important; border-left:none !important;
border-bottom:2px solid transparent !important; justify-content:center !important;
gap:8px !important; border-radius:8px !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li a:hover,
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.is-active a {
border-left:none !important; border-bottom-color:var(--gold) !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
grid-column:1/-1 !important; border-top:1px solid var(--border) !important; margin-top:0 !important; padding-top:0 !important;
}
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { justify-content:center !important; }
body.aurix-account-page .aurix-account-inner .woocommerce-MyAccount-content { padding:18px 14px !important; }
}
@media (max-width:480px) {
body.aurix-account-page .aurix-account-hero__stats { display:none !important; }
body.aurix-account-page .ahero-stat { display:none !important; }
body.aurix-account-page .aurix-account-hero__info h3 { font-size:1.2rem !important; }
}
/* Blog listing, article and author pages: see css/blog.css (loaded on blog screens only). */
/* ══════════════════════════════════════════════════════════════════
ACCOUNT PAGE HERO — definitive mobile fix.
This component accumulated three separate, partially-overlapping rule
sets over time (base .aurix-account-hero, a full !important override,
and a body.aurix-account-page-scoped set), each with their own mobile
breakpoints -- fighting each other and producing inconsistent, cut-off
layouts depending on exact viewport width. Rather than risk untangling
all three, this is a single high-specificity, !important rule placed
last in the file so it wins regardless of what the older rules do,
guaranteeing a clean stacked layout on mobile. ══════════════════════ */
@media (max-width:600px) {
.aurix-account-hero,
body.aurix-account-page .aurix-account-hero {
flex-direction:column !important;
align-items:flex-start !important;
text-align:left !important;
gap:14px !important;
padding:22px 18px !important;
}
.aurix-account-hero__avatar { width:56px !important; height:56px !important; font-size:1.5rem !important; }
.aurix-account-hero__info,
body.aurix-account-page .aurix-account-hero__info {
flex:none !important; min-width:0 !important; width:100% !important;
}
.aurix-account-hero__info h3,
body.aurix-account-page .aurix-account-hero__info h3 {
font-size:1.15rem !important; margin:0 0 4px !important;
white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
}
.aurix-account-hero__info p,
body.aurix-account-page .aurix-account-hero__info p {
font-size:.78rem !important; word-break:break-word !important;
}
.aurix-account-hero__stats,
body.aurix-account-page .aurix-account-hero__stats {
display:flex !important; width:100% !important; gap:24px !important;
}
.aurix-account-hero__badge,
body.aurix-account-page .aurix-account-hero__badge {
display:inline-flex !important; position:static !important; margin-top:4px !important;
}
}
/* Ensure the account hero always clears the sticky mobile header, regardless
of what any earlier rule in this page's legacy CSS does to its top spacing. */
@media (max-width:768px) {
.aurix-account-hero,
body.aurix-account-page .aurix-account-hero {
margin-top:16px !important;
}
}
/* ── Profile picture upload (My Account -> Account Details) ── */
.aurix-avatar-upload { display:flex; align-items:center; gap:20px; margin-bottom:28px; padding-bottom:24px; border-bottom:1px solid var(--border); }
.aurix-avatar-upload__preview { width:88px; height:88px; border-radius:50%; overflow:hidden; flex-shrink:0; background:var(--off); border:3px solid var(--border-md); }
.aurix-avatar-upload__preview img, .aurix-avatar-upload__gravatar { width:100%; height:100%; object-fit:cover; display:block; }
.aurix-avatar-upload__controls { flex:1; min-width:0; }
.aurix-avatar-upload__btn {
display:inline-flex; align-items:center; gap:8px; background:var(--navy); color:#fff;
font-size:.84rem; font-weight:600; padding:9px 18px; border-radius:8px; cursor:pointer;
transition:background var(--t);
}
.aurix-avatar-upload__btn:hover { background:var(--gold-dk, var(--gold)); }
.aurix-avatar-upload__remove { display:block; font-size:.8rem; color:var(--muted); margin-top:10px; cursor:pointer; }
.aurix-avatar-upload__remove input { margin-right:6px; }
.aurix-avatar-upload__hint { font-size:.74rem; color:var(--muted); margin:8px 0 0; }
@media (max-width:480px) {
.aurix-avatar-upload { flex-direction:column; align-items:flex-start; }
}
/* Stronger, unconditional fix for the account hero / sticky header overlap --
applies at all viewport widths this time (not just mobile), with more
clearance, since the previous mobile-only 16px wasn't enough. */
.aurix-account-hero,
body.aurix-account-page .aurix-account-hero {
margin-top:32px !important;
}
@media (max-width:768px) {
.aurix-account-hero,
body.aurix-account-page .aurix-account-hero {
margin-top:40px !important;
}
}
/* ══════════════════════════════════════════════════════════════════
ACCOUNT HERO — Instagram-style profile header redesign.
Fresh class names (.aig-*) rather than reusing the old .aurix-account-hero__*
ones, so this doesn't inherit any of the legacy overlapping rule sets
documented above -- a clean slate for this specific redesign.
══════════════════════════════════════════════════════════════════ */
.aig-top { display:flex; align-items:flex-start; gap:24px; width:100%; }
.aig-avatar {
width:96px; height:96px; border-radius:50%; flex-shrink:0; overflow:hidden;
border:3px solid rgba(255,255,255,.25); background:var(--gold);
}
.aig-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.aig-top-right { flex:1; min-width:0; padding-top:4px; }
.aig-name-row { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
.aig-name-row h3 { font-family:'Cormorant Garamond',serif; font-size:1.5rem; color:#fff; margin:0; }
.aig-edit-btn {
display:inline-flex; align-items:center; justify-content:center;
padding:7px 18px; border:1.5px solid rgba(255,255,255,.4); border-radius:8px;
color:#fff; font-size:.82rem; font-weight:600; text-decoration:none;
background:transparent; transition:all var(--t);
}
.aig-edit-btn:hover { background:rgba(255,255,255,.12); border-color:#fff; }
.aig-stats { display:flex; align-items:center; gap:28px; margin-bottom:14px; flex-wrap:wrap; }
.aig-stat { display:flex; align-items:baseline; gap:6px; }
.aig-stat__num { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:700; color:#fff; }
.aig-stat__lbl { font-size:.78rem; color:rgba(255,255,255,.6); }
.aig-bio { font-size:.85rem; color:rgba(255,255,255,.7); margin:0; }
.aig-bio i { margin-right:6px; color:var(--gold-lt, #d4ae7a); }
@media (max-width:600px) {
.aig-top { flex-direction:column; align-items:center; text-align:center; }
.aig-avatar { width:80px; height:80px; }
.aig-name-row { flex-direction:column; gap:10px; }
.aig-stats { justify-content:center; gap:20px; }
.aig-top-right { padding-top:0; width:100%; }
}
/* ── Profile picture upload widget: Instagram-style centered treatment ── */
.aurix-avatar-upload {
flex-direction:column; align-items:center; text-align:center;
padding-bottom:28px; margin-bottom:28px;
}
.aurix-avatar-upload__preview { width:110px; height:110px; border-width:4px; }
.aurix-avatar-upload__controls { width:100%; display:flex; flex-direction:column; align-items:center; }
.aurix-avatar-upload__btn { border-radius:24px; }
/* ══════════════════════════════════════════════════════════════════
"ALL CATEGORIES" — mega dropdown menu (desktop only, ≥1200px).
This panel shares the .apanel class with the mobile hamburger drawer,
so all overrides here are scoped to #aurix-cat-panel's unique ID rather
than touching .apanel itself -- the mobile menu keeps its normal
off-canvas slide-in behavior untouched. Below 1200px, #aurix-cat-panel
also keeps the standard simple-list slide-out drawer, since a wide
multi-column mega menu doesn't fit a phone/tablet screen anyway.
══════════════════════════════════════════════════════════════════ */
@media (min-width:1200px) {
#aurix-cat-panel {
position:fixed;
top:calc(var(--bar-h) + var(--hdr-h) + var(--nav-h) + 12px);
left:50%; right:auto; bottom:auto;
width:min(1420px, calc(100% - 80px));
max-height:70vh;
border-radius:16px;
box-shadow:0 24px 64px rgba(13,27,42,.28);
transform:translateX(-50%) translateY(-14px);
opacity:0; visibility:hidden;
transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
#aurix-cat-panel.open {
transform:translateX(-50%) translateY(0);
opacity:1; visibility:visible;
}
body.scrolled #aurix-cat-panel {
top:calc(60px + var(--nav-h) + 12px);
}
/* A mega menu doesn't need the slide-out drawer's own header/close-X --
clicking the "All Categories" button again, or clicking outside, closes it. */
#aurix-cat-panel .apanel__head { display:none; }
#aurix-cat-panel .apanel__body {
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:2px 32px;
padding:28px 28px 20px;
overflow:visible;
max-height:none;
}
#aurix-cat-panel .apanel__body a {
padding:10px 0; border-bottom:1px solid var(--border);
}
#aurix-cat-panel .apanel__foot {
grid-column:1/-1;
}
}
/* ══════════════════════════════════════════════════════════════════
ACCESSIBILITY: visible keyboard focus indicator, sitewide.
Several components explicitly set outline:none (a handful found across
the stylesheet) without always providing a replacement indicator --
this is a safety net so keyboard navigation always shows SOME visible
focus state, added last in the file so it isn't silently overridden by
an earlier, more specific outline:none rule. Uses :focus-visible so it
only appears for keyboard/assistive-tech navigation, not mouse clicks.
══════════════════════════════════════════════════════════════════ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid #2563EB !important;
outline-offset: 2px !important;
}
/* Guaranteed-win override for mobile bottom nav contrast -- the base rule is
already correct (var(--muted), ~5.2:1), but this component has a documented
history of duplicate/legacy CSS blocks in this file competing for the same
selector, so this removes any doubt regardless of what else targets it. */
#aurix-mob-bot .amob-nav,
#aurix-mob-bot .amob-nav span {
color: #4a5568 !important;
}
#aurix-mob-bot .amob-nav:hover,
#aurix-mob-bot .amob-nav.active,
#aurix-mob-bot .amob-nav.active span {
color: var(--gold) !important;
}