/* Aloostadkar Luxe 18 — inner templates in the alx design
   (single, page, blog, archive, search, 404, comments, sidebar) */

body.alx .alx-inner{padding:20px 0 56px;min-height:0}
body.alx .alx-inner .content-with-sidebar{gap:28px}

/* Breadcrumbs */
body.alx .alx-crumbs{margin:0 0 16px;font-size:12.5px;color:var(--muted)}
body.alx .alx-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;list-style:none;margin:0;padding:0}
body.alx .alx-crumbs li{display:inline-flex;align-items:center}
body.alx .alx-crumbs li+li::before{content:"‹";margin-inline:8px;color:var(--line);font-weight:700}
body.alx .alx-crumbs a{color:var(--ink-2);text-decoration:none;font-weight:600}
body.alx .alx-crumbs a:hover{color:var(--teal)}
body.alx .alx-crumbs [aria-current]{color:var(--muted);max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.alx .alx-crumbs .separator{margin-inline:8px;color:var(--line)}

/* Article card (posts & pages) */
body.alx .alx-article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 26px;box-shadow:0 1px 2px rgba(8,38,53,.04),0 24px 48px -38px rgba(8,38,53,.5)}
body.alx .alx-post-head{margin-bottom:18px}
body.alx .alx-post-head .entry-title,body.alx .alx-article>header h1{font-size:clamp(21px,3.2vw,30px)!important;line-height:1.5!important;letter-spacing:-.025em;color:var(--ink);margin:0;font-weight:800}
body.alx .alx-post-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
body.alx .alx-post-cats a{font-size:11.5px;font-weight:800;letter-spacing:.04em;color:var(--brass);background:rgba(182,137,63,.1);border-radius:999px;padding:4px 12px;text-decoration:none}
body.alx .alx-post-cats a:hover{background:var(--brass);color:#fff}
body.alx .alx-post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted);font-weight:600}
body.alx .alx-post-meta span{display:inline-flex;align-items:center;gap:6px}
body.alx .alx-post-meta svg{color:var(--teal);flex:none}
body.alx .alx-post-cover{margin:0 0 22px;border-radius:18px;overflow:hidden;background:var(--surface-2)}
body.alx .alx-post-cover img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:0}
body.alx .alx-article .entry-content{font-size:15px}
body.alx .alx-article .entry-content>*:first-child{margin-top:0}
body.alx .alx-article .entry-content a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.alx .alx-article .entry-content ul,body.alx .alx-article .entry-content ol{padding-inline-start:22px}
body.alx .alx-article .entry-content table{border-collapse:collapse;font-size:13.5px;margin:16px 0;border:1px solid var(--line);border-radius:12px}
body.alx .alx-article .entry-content th,body.alx .alx-article .entry-content td{padding:10px 12px;border-bottom:1px solid var(--line-2);text-align:start}
body.alx .alx-article .entry-content th{background:var(--surface-2);font-weight:700;color:var(--ink)}
body.alx .alx-pagelinks{margin-top:18px;font-weight:700;font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}

/* Post footer: tags + share */
body.alx .alx-post-foot{margin-top:24px;padding-top:18px;border-top:1px solid var(--line-2);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
body.alx .alx-tags{display:flex;flex-wrap:wrap;gap:6px}
body.alx .alx-tags a{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface-2);border-radius:999px;padding:5px 11px;text-decoration:none}
body.alx .alx-tags a:hover{background:var(--stone-950);color:#fff}
body.alx .alx-share{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600}
body.alx .alx-share a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink-2);text-decoration:none;font-weight:700;background:#fff}
body.alx .alx-share a:hover{border-color:var(--teal);color:var(--teal)}

/* In-article CTA */
body.alx .alx-post-cta{margin-top:18px;border-radius:22px;padding:24px 22px;color:#eaf3f7;background:radial-gradient(60% 90% at 15% 10%,rgba(95,214,198,.18),transparent 60%),radial-gradient(50% 80% at 90% 90%,rgba(182,137,63,.2),transparent 60%),linear-gradient(135deg,#0b3446,#062430 60%,#03161f);display:grid;gap:18px;align-items:center}
body.alx .alx-post-cta .eyebrow{color:#d8b279}
body.alx .alx-post-cta .eyebrow::before{background:#d8b279}
body.alx .alx-post-cta h2{color:#fff;font-size:clamp(18px,2.6vw,22px);margin:10px 0 6px}
body.alx .alx-post-cta p{color:#adc9d5;font-size:13.5px;line-height:1.9;margin:0;max-width:52ch}
body.alx .alx-post-cta-acts{display:flex;flex-wrap:wrap;gap:10px}
body.alx .alx-post-cta .btn,body.alx .alx-404 .btn{text-decoration:none}
@media(min-width:900px){body.alx .alx-post-cta{grid-template-columns:1fr auto}}

/* Related posts + post navigation */
body.alx .alx-related{margin-top:34px}
body.alx .alx-related .sec-head,body.alx .alx-search-sec .sec-head{margin-bottom:16px}
body.alx .alx-related .post-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
body.alx .alx-postnav{margin-top:24px}
body.alx .alx-postnav .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
body.alx .alx-postnav .nav-links a{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none;transition:border-color .16s ease,transform .16s ease}
body.alx .alx-postnav .nav-links a:hover{border-color:rgba(182,137,63,.5);transform:translateY(-2px)}
body.alx .alx-postnav small{font-size:11.5px;color:var(--muted);font-weight:700}
body.alx .alx-postnav b{font-size:13.5px;color:var(--ink);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.alx .alx-postnav .nav-next{text-align:end}
body.alx .alx-postnav .nav-next:only-child{grid-column:2}

/* Post cards (blog, archive, search, related) */
body.alx .alx-post-card .alx-pc-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
body.alx .alx-post-card .alx-pc-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:11.5px;color:var(--muted);font-weight:600;align-items:center}
body.alx .alx-post-card .alx-pc-cat{color:var(--brass);font-weight:800;letter-spacing:.04em}
body.alx .alx-post-card h2{margin:8px 0 6px!important;font-size:15px!important;line-height:1.7}
body.alx .alx-post-card h2 a{color:var(--ink);text-decoration:none}
body.alx .alx-post-card h2 a:hover{color:var(--teal)}
body.alx .alx-post-card p{margin:0 0 12px!important;font-size:13px;line-height:1.85}
body.alx .alx-post-card .alx-pc-more{margin-top:auto;font-size:12.5px;font-weight:800;color:var(--teal)}
body.alx .alx-post-card{position:relative}
body.alx .alx-post-card h2 a::after{content:"";position:absolute;inset:0}

/* Archive / blog / search headers */
body.alx .alx-inner .archive-head{padding:30px 26px;margin-bottom:22px;position:relative;overflow:hidden}
body.alx .alx-inner .archive-head::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 15% 10%,rgba(95,214,198,.16),transparent 60%),radial-gradient(50% 80% at 90% 90%,rgba(182,137,63,.16),transparent 60%);pointer-events:none}
body.alx .alx-inner .archive-head>*{position:relative;z-index:1}
body.alx .alx-inner .archive-head h1{font-size:clamp(21px,3.4vw,30px)!important;line-height:1.45!important}
body.alx .alx-arch-desc,body.alx .alx-arch-desc p{color:#adc9d5;font-size:14px;line-height:1.9;max-width:62ch;margin:0}
body.alx .alx-count{display:inline-flex;margin-top:12px;font-size:12px;font-weight:700;color:#cfe4ec;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 12px}
body.alx .archive-head .alx-head-search{margin:18px 0 0;max-width:560px}
body.alx .archive-head .alx-head-search input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
body.alx .archive-head .alx-head-search input::placeholder{color:#8fb0be}
body.alx .archive-head .alx-head-search input:focus{outline:2px solid rgba(95,214,198,.45);outline-offset:1px}
body.alx .archive-head .alx-head-search button{background:var(--teal);color:#02241f}

/* Search & 404 sections */
body.alx .alx-search-sec{margin-top:30px}
body.alx .alx-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){body.alx .alx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){body.alx .alx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.alx .alx-search .post-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
body.alx .alx-chips{flex-wrap:wrap;overflow:visible;margin-top:18px}
body.alx .alx-chips .f{text-decoration:none}
body.alx .alx-chips .f em{font-style:normal;font-size:11.5px;color:var(--muted)}

/* Empty state */
body.alx .alx-empty{text-align:center;background:#fff;border:1px dashed var(--line);border-radius:22px;padding:40px 20px;margin-top:8px}
body.alx .alx-empty-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin:0 auto 14px;background:var(--teal-soft);color:var(--teal)}
body.alx .alx-empty h2{font-size:19px;margin:0 0 8px}
body.alx .alx-empty p{color:var(--ink-2);font-size:14px;line-height:1.9;max-width:50ch;margin:0 auto 18px}
body.alx .alx-empty-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
body.alx .alx-empty-acts .btn{text-decoration:none}
body.alx .alx-btn-line{background:#fff;color:var(--ink);border:1px solid var(--line)}
body.alx .alx-btn-line:hover{border-color:var(--teal);color:var(--teal)}

/* 404 */
body.alx .alx-404-hero{position:relative;overflow:hidden;border-radius:28px;color:#eaf3f7;padding:40px 26px;display:grid;gap:10px 40px;align-items:center;background:radial-gradient(60% 90% at 15% 10%,rgba(95,214,198,.2),transparent 60%),radial-gradient(50% 80% at 90% 90%,rgba(182,137,63,.22),transparent 60%),linear-gradient(135deg,#0d3549,#062232 55%,#03151f);box-shadow:0 2px 4px rgba(6,38,58,.06),0 22px 46px -26px rgba(6,38,58,.5)}
body.alx .alx-404-code{font-size:clamp(84px,16vw,170px);font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#bdf3ea,#2dc4b2 55%,#b6893f);-webkit-background-clip:text;background-clip:text;color:transparent}
body.alx .alx-404-copy .eyebrow{color:#d8b279}
body.alx .alx-404-copy .eyebrow::before{background:#d8b279}
body.alx .alx-404-copy h1{color:#fff;font-size:clamp(22px,3.6vw,32px);margin:12px 0 8px;letter-spacing:-.03em}
body.alx .alx-404-copy p{color:#adc9d5;font-size:14.5px;line-height:1.9;max-width:52ch;margin:0}
body.alx .alx-404 .alx-head-search{margin:20px 0 0;max-width:520px}
body.alx .alx-404 .alx-head-search input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
body.alx .alx-404 .alx-head-search input::placeholder{color:#8fb0be}
body.alx .alx-404 .alx-head-search button{background:var(--teal);color:#02241f}
body.alx .alx-404-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media(min-width:900px){body.alx .alx-404-hero{grid-template-columns:auto 1fr;padding:52px 46px}}

/* Comments */
body.alx .alx-comments{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 22px;box-shadow:none}
body.alx .alx-comments-title,body.alx .alx-comments .comment-reply-title{font-size:17px;margin:0 0 14px;color:var(--ink)}
body.alx .alx-comments .comment-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
body.alx .alx-comments .comment-list .children{list-style:none;margin:12px 0 0;padding-inline-start:22px;display:grid;gap:12px;border-inline-start:2px solid var(--line-2)}
body.alx .alx-comments .comment-body{background:var(--surface-2);border-radius:16px;padding:14px 16px}
body.alx .alx-comments .comment-author{display:flex;align-items:center;gap:10px;font-size:13.5px}
body.alx .alx-comments .comment-author img{border-radius:50%}
body.alx .alx-comments .comment-author .says{display:none}
body.alx .alx-comments .comment-metadata{font-size:11.5px;margin:4px 0 8px}
body.alx .alx-comments .comment-metadata a{color:var(--muted);text-decoration:none}
body.alx .alx-comments .comment-content p{font-size:14px;line-height:1.95;color:var(--ink-2);margin:0 0 8px}
body.alx .alx-comments .reply a{font-size:12px;font-weight:800;color:var(--teal);text-decoration:none}
body.alx .alx-comments .comment-notes,body.alx .alx-comments .logged-in-as{font-size:12.5px;color:var(--muted);margin:0 0 12px}
body.alx .alx-comments .comment-form{display:grid;gap:12px}
body.alx .alx-comments .comment-form p{margin:0}
body.alx .alx-comments .comment-form label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin-bottom:6px}
body.alx .alx-comments .comment-form input[type=text],body.alx .alx-comments .comment-form input[type=email],body.alx .alx-comments .comment-form input[type=url],body.alx .alx-comments .comment-form textarea{width:100%;box-sizing:border-box;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:14.5px;background:#fff;color:var(--ink)}
body.alx .alx-comments .comment-form textarea{min-height:130px;resize:vertical}
body.alx .alx-comments .comment-form input:focus,body.alx .alx-comments .comment-form textarea:focus{outline:2px solid rgba(14,148,132,.35);outline-offset:1px;border-color:var(--teal)}
body.alx .alx-comments .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px}
body.alx .alx-comments .comment-form-cookies-consent label{display:inline;font-weight:600;margin:0}
body.alx .alx-comments .form-submit .submit{border:0;cursor:pointer;font:inherit;font-weight:700}

/* Sidebar: no inner scrollbar */
body.alx .sidebar-inner{max-height:none;overflow:visible;position:static}
body.alx .sidebar-links{list-style:none;margin:0;padding:0;display:grid;gap:2px}
body.alx .sidebar-links a{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 4px;border-bottom:1px solid var(--line-2);color:var(--ink-2);font-size:13.5px;font-weight:600;text-decoration:none}
body.alx .sidebar-links li:last-child a{border-bottom:0}
body.alx .sidebar-links a:hover{color:var(--teal)}
body.alx .sidebar-links i{font-style:normal;color:var(--muted)}

/* Mobile */
@media(max-width:780px){
body.alx .alx-inner{padding:14px 0 40px}
body.alx .alx-article{padding:20px 16px;border-radius:18px}
body.alx .alx-inner .archive-head{padding:22px 18px;border-radius:20px}
body.alx .alx-404-hero{padding:28px 18px;border-radius:22px}
body.alx .alx-postnav .nav-links{grid-template-columns:1fr}
body.alx .alx-postnav .nav-next:only-child{grid-column:auto}
body.alx .alx-postnav .nav-next{text-align:start}
body.alx .alx-post-foot{flex-direction:column;align-items:flex-start}
body.alx .alx-comments{padding:18px 14px}
body.alx .alx-crumbs [aria-current]{max-width:22ch}
body.alx .archive-head .alx-head-search button{padding-inline:12px}
}

/* Night mode (v18.1): the alx design is light-only. When the phone/browser is in dark mode
   the redesign switched text colours to light while card backgrounds stayed white, making
   posts and cards unreadable. Keep the light palette everywhere and opt out of forced darkening. */
:root{color-scheme:only light}
@media (prefers-color-scheme: dark){
html:root:not([data-theme="dark"]),body.alx{--paper:#f1f4f6;--surface:#ffffff;--surface-2:#e8edf0;--ink:#06263a;--ink-2:#48606c;--muted:#7a8e99;--line:#e3eaee;--line-2:#eff4f7;--teal:#0e9484;--teal-soft:#e1f3f0;--brass:#9d7733;--ok:#0e9484;--shadow-1:0 1px 2px rgba(6,38,58,.05);--shadow-2:0 1px 2px rgba(6,38,58,.06),0 12px 28px -20px rgba(6,38,58,.45);--shadow-3:0 2px 4px rgba(6,38,58,.06),0 22px 46px -26px rgba(6,38,58,.5)}
html,body.alx{background-color:#f1f4f6;color:#06263a}
}

/* Mobile quick-access dock (v18.2) */
body.alx .alx-dock{display:none}
@media(max-width:779px){
body.alx .alx-dock{position:fixed;inset-inline:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(6,38,58,.35)}
body.alx .alx-dock-i{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:54px;padding:4px 2px;border-radius:14px;color:#6f8894;text-decoration:none!important;font-size:10.5px;font-weight:700;line-height:1.3;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background .15s ease}
body.alx .alx-dock-ic{position:relative;display:grid;place-items:center;width:40px;height:30px;border-radius:12px;transition:background .15s ease,transform .15s ease}
body.alx .alx-dock-t{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.alx .alx-dock-i:active .alx-dock-ic{transform:scale(.92)}
body.alx .alx-dock-i.is-on{color:var(--stone-950,#05202f)}
body.alx .alx-dock-i.is-on .alx-dock-ic{background:var(--teal-soft,#e1f3f0);color:var(--teal,#0e9484)}
body.alx .alx-dock-i.is-on::before{content:"";position:absolute;top:-6px;width:22px;height:3px;border-radius:0 0 4px 4px;background:var(--teal,#0e9484)}
/* centre call-to-action */
body.alx .alx-dock-req{color:var(--stone-950,#05202f)}
body.alx .alx-dock-req .alx-dock-ic{width:54px;height:54px;margin-top:-26px;border-radius:18px;color:#04221d;background:linear-gradient(180deg,#14b8a3,#0b8676);box-shadow:0 0 0 5px #fff,0 12px 24px -10px rgba(14,148,132,.95)}
body.alx .alx-dock-req.is-on .alx-dock-ic{background:linear-gradient(180deg,#14b8a3,#0b8676);color:#04221d}
body.alx .alx-dock-req.is-on::before{display:none}
body.alx .alx-dock-req svg{width:24px;height:24px}
/* cart badge */
body.alx .alx-dock-cnt{position:absolute;top:-4px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--brass,#9d7733);color:#fff;font-size:10px;font-weight:800;line-height:1;border:2px solid #fff}
body.alx .alx-dock-cnt[hidden]{display:none}
/* page bottom spacing + floating widgets above the dock */
body.alx .alx .pad,body.alx .pad{height:calc(78px + env(safe-area-inset-bottom,0px))}
html body.alx .ksr-floating-contact{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
body.alx .mobile-buybar{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
html body.alx.single-product .ksr-floating-contact{bottom:calc(156px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:360px){body.alx .alx-dock-i{font-size:9.5px}body.alx .alx-dock-ic{width:34px}}
/* header cart icon was hidden on small phones by the old theme.css — show it again */
@media(max-width:420px){body.alx .hdr .cart-link svg{display:block}}