/* ═══════════════════════════════════════
 GLOBAL OVERRIDES — Loaded AFTER main.css
 ═══════════════════════════════════════ */
.scrollbar-none{
 -ms-overflow-style:none;
 scrollbar-width:none;
}
.scrollbar-none::-webkit-scrollbar{
 display:none;
 width:0;
 height:0;
}
/* ── Advanced Search Modal — Scoped Geometry Enforcement ──
 All selectors are scoped to the .at-search-modal namespace
 to prevent bleed into other Alpine.js components.
 Border radius:4px (buttons/inputs), 6px (modal container). */
.at-search-modal{
 background:var(--color-bg) !important;
 border-radius:6px !important;
}
.at-search-modal span.rounded-sm,
.at-search-modal span.rounded-full,
.at-search-modal span.rounded-lg,
.at-search-modal span.rounded-xl,
.at-search-modal button.rounded-sm,
.at-search-modal button.rounded-full,
.at-search-modal button.rounded-lg,
.at-search-modal button.rounded-xl{
 border-radius:4px !important;
}
.at-search-modal select{
 border-radius:4px !important;
 border-color:rgba(15, 26, 44, 0.15) !important;
}
.at-search-modal input[type="number"]{
 border-radius:4px !important;
 border-color:rgba(15, 26, 44, 0.15) !important;
}
.at-search-modal button[aria-label] svg{
 border-radius:0 !important;
}
.at-search-modal button[type="submit"]{
 border-radius:4px !important;
}
.at-search-modal button[type="button"]{
 border-radius:4px !important;
}
/* ── WooCommerce Messages — Intercepted by Alpine.js Toast System ──
 Native notices are hidden globally. The global toast component in
 header.php renders all notifications as luxury bottom-center toasts.
 See global.js → _initNotices() and atToast(). */
.woocommerce-notices-wrapper > .woocommerce-message,
.woocommerce-notices-wrapper > .woocommerce-error,
.woocommerce-notices-wrapper > .woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.wc-block-components-notice-banner,
[class*="woocommerce-notice"],
[class*="wc-notice"]{
 display:none !important;
}
.cart-empty.woocommerce-info{
 display:block !important;
}
.wc-empty-cart-message{
 text-align:center !important;
 padding:60px 20px !important;
}
.cart-empty.woocommerce-info{
 background:var(--color-bg) !important;
 border:1px solid var(--color-light-border) !important;
 border-radius:6px !important;
 padding:40px 20px !important;
 color:var(--color-text) !important;
 font-size:15px !important;
 margin-bottom:24px !important;
 box-shadow:0 4px 20px rgba(15, 26, 44, 0.04) !important;
}
.return-to-shop{
 margin-top:24px !important;
}
.return-to-shop .button,
.wc-backward{
 background:var(--color-primary) !important;
 color:var(--color-text-inverse) !important;
 border:none !important;
 border-radius:4px !important;
 padding:14px 32px !important;
 font-size:14px !important;
 font-weight:600 !important;
 text-decoration:none !important;
 display:inline-block !important;
 transition:background-color 0.3s ease-in-out !important;
 cursor:pointer !important;
}
.return-to-shop .button:hover,
.wc-backward:hover{
 background:var(--color-accent-light) !important;
 color:var(--color-text-inverse) !important;
}
/* ═══════════════════════════════════════
 BLOG PAGINATION — Luxury Style
 ═══════════════════════════════════════ */
.at-pagination{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:4px;
 direction:rtl;
}
.at-pagination .nav-links{
 display:flex;
 align-items:center;
 gap:4px;
}
.at-pagination .page-numbers{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:40px;
 height:40px;
 padding:0 12px;
 background:var(--color-bg);
 color:var(--color-primary);
 font-size:14px;
 font-weight:500;
 border:1px solid var(--color-light-border);
 border-radius:4px;
 text-decoration:none;
 transition:all 0.3s ease;
 box-shadow:0 4px 20px rgba(15, 26, 44, 0.04);
}
.at-pagination .page-numbers:hover{
 background:var(--color-primary);
 color:var(--color-text-inverse);
 border-color:var(--color-primary);
}
.at-pagination .page-numbers.current{
 background:var(--color-primary);
 color:var(--color-text-inverse);
 border-color:var(--color-primary);
 font-weight:700;
}
.at-pagination .page-numbers.prev,
.at-pagination .page-numbers.next{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:0 16px;
 font-size:13px;
 font-weight:600;
}
.at-pagination .page-numbers.prev:hover,
.at-pagination .page-numbers.next:hover{
 background:var(--color-primary);
 border-color:var(--color-primary);
}
.at-pagination .page-numbers svg{
 width:16px;
 height:16px;
}
.at-pagination .page-numbers.dots{
 background:transparent;
 border-color:transparent;
 color:var(--color-text);
 cursor:default;
}
.at-pagination .page-numbers.dots:hover{
 background:transparent;
 color:var(--color-text);
}
.line-clamp-2{
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
}
.line-clamp-3{
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 overflow:hidden;
}
/* ═══════════════════════════════════════
 SINGLE ARTICLE — Content Typography
 ═══════════════════════════════════════ */
.at-article__content{
 color:var(--color-primary);
 font-size:1.0625rem;
 line-height:1.85;
 letter-spacing:0.01em;
}
.at-article__content h2{
 color:var(--color-primary);
 font-size:1.5rem;
 font-weight:700;
 line-height:1.35;
 margin-top:2.5rem;
 margin-bottom:1rem;
 padding-bottom:0.5rem;
 border-bottom:2px solid var(--color-light-border);
}
.at-article__content h3{
 color:var(--color-primary);
 font-size:1.25rem;
 font-weight:600;
 line-height:1.4;
 margin-top:2rem;
 margin-bottom:0.75rem;
}
.at-article__content h4{
 color:var(--color-primary);
 font-size:1.125rem;
 font-weight:600;
 line-height:1.45;
 margin-top:1.75rem;
 margin-bottom:0.625rem;
}
.at-article__content p{
 margin-bottom:1.5rem;
 color:var(--color-primary);
}
.at-article__content a{
 color:var(--color-primary);
 text-decoration:underline;
 text-underline-offset:3px;
 transition:color 0.3s ease;
}
.at-article__content a:hover{
 color:var(--color-accent-light);
}
.at-article__content ul,
.at-article__content ol{
 margin-bottom:1.5rem;
 padding-right:1.5rem;
 padding-left:0;
}
.at-article__content ul{
 list-style-type:disc;
}
.at-article__content ol{
 list-style-type:decimal;
}
.at-article__content li{
 margin-bottom:0.5rem;
 color:var(--color-primary);
 line-height:1.75;
}
.at-article__content li::marker{
 color:var(--color-primary);
}
.at-article__content blockquote{
 border-right:4px solid var(--color-primary);
 border-left:none;
 padding:1.25rem 1.5rem;
 margin:2rem 0;
 background:var(--color-bg);
 border-radius:6px;
 box-shadow:0 4px 20px rgba(15, 26, 44, 0.04);
}
.at-article__content blockquote p{
 color:var(--color-primary);
 font-style:italic;
 font-size:1.125rem;
 margin-bottom:0;
}
.at-article__content blockquote cite{
 display:block;
 margin-top:0.75rem;
 font-size:0.875rem;
 color:var(--color-text);
 font-style:normal;
}
.at-article__content code{
 background:var(--color-bg-alt);
 color:var(--color-primary);
 padding:0.125rem 0.375rem;
 border-radius:4px;
 font-size:0.875em;
 font-family:'SF Mono', 'Fira Code', monospace;
}
.at-article__content pre{
 background:var(--color-primary);
 color:var(--color-text-inverse);
 padding:1.5rem;
 border-radius:6px;
 overflow-x:auto;
 margin:2rem 0;
 box-shadow:0 4px 20px rgba(15, 26, 44, 0.04);
}
.at-article__content pre code{
 background:transparent;
 color:inherit;
 padding:0;
 font-size:0.875rem;
 line-height:1.7;
}
.at-article__content img{
 border-radius:6px;
 margin:2rem auto;
 display:block;
 max-width:100%;
 height:auto;
 box-shadow:0 4px 20px rgba(15, 26, 44, 0.04);
}
.at-article__content figure{
 margin:2.5rem 0;
}
.at-article__content figcaption{
 text-align:center;
 font-size:0.875rem;
 color:var(--color-text);
 margin-top:0.75rem;
 font-style:italic;
}
.at-article__content table{
 width:100%;
 border-collapse:collapse;
 margin:2rem 0;
 background:var(--color-bg);
 border-radius:6px;
 overflow:hidden;
 box-shadow:0 4px 20px rgba(15, 26, 44, 0.04);
}
.at-article__content thead{
 background:var(--color-primary);
}
.at-article__content th{
 color:var(--color-text-inverse);
 font-weight:600;
 font-size:0.875rem;
 padding:0.75rem 1rem;
 text-align:right;
}
.at-article__content td{
 padding:0.75rem 1rem;
 border-bottom:1px solid var(--color-light-border);
 font-size:0.9375rem;
 color:var(--color-primary);
}
.at-article__content tbody tr:last-child td{
 border-bottom:none;
}
.at-article__content tbody tr:hover{
 background:var(--color-bg);
}
.at-article__content hr{
 border:none;
 height:2px;
 background:linear-gradient(to left, transparent, var(--color-light-border), transparent);
 margin:3rem 0;
}
.at-article__content strong{
 color:var(--color-primary);
 font-weight:700;
}
.at-article__content em{
 color:var(--color-primary);
}
.at-article__content .page-links{
 display:flex;
 align-items:center;
 gap:0.5rem;
 font-size:0.875rem;
 color:var(--color-text);
}
.at-article__content .page-links .page-number{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:2rem;
 height:2rem;
 background:var(--color-bg);
 border:1px solid var(--color-light-border);
 border-radius:4px;
 font-size:0.875rem;
 font-weight:500;
 color:var(--color-primary);
 text-decoration:none;
 transition:all 0.3s ease;
}
.at-article__content .page-links .page-number:hover,
.at-article__content .page-links .page-number.current{
 background:var(--color-primary);
 color:var(--color-text-inverse);
 border-color:var(--color-primary);
}
@media (max-width:768px){
 .at-article__content{
 font-size:1rem;
 line-height:1.8;
}
 .at-article__content h2{
 font-size:1.25rem;
}
 .at-article__content h3{
 font-size:1.125rem;
}
 .at-article__content blockquote{
 padding:1rem 1.25rem;
}
 .at-article__content pre{
 padding:1rem;
 border-radius:4px;
}
 .at-article__content table{
 font-size:0.875rem;
}
 .at-article__content th,
 .at-article__content td{
 padding:0.5rem 0.75rem;
}
}
/* ═══════════════════════════════════════
 COMMENTS SECTION — Luxury Styling
 ═══════════════════════════════════════ */
.at-comments .comment-list{
 list-style:none;
 padding:0;
 margin:0;
}
.at-comments .comment-list li{
 margin-bottom:1.5rem;
}
.at-comments .comment-reply-link{
 display:inline-flex;
 align-items:center;
 gap:0.375rem;
 font-size:0.75rem;
 font-weight:600;
 color:var(--color-primary);
 text-decoration:none;
 transition:color 0.3s ease;
}
.at-comments .comment-reply-link:hover{
 color:var(--color-accent-light);
}
.at-comments .comment-form{
 margin-top:2rem;
}
.at-comments .comment-form label{
 display:block;
 font-size:0.875rem;
 font-weight:600;
 color:var(--color-primary);
 margin-bottom:0.5rem;
}
.at-comments .comment-form input[type="text"],
.at-comments .comment-form input[type="email"],
.at-comments .comment-form input[type="url"],
.at-comments .comment-form textarea{
 width:100%;
 padding:0.75rem 1rem;
 font-size:0.875rem;
 color:var(--color-primary);
 background:var(--color-bg);
 border:1px solid var(--color-light-border);
 border-radius:4px;
 transition:all 0.3s ease;
}
.at-comments .comment-form input[type="text"]:focus,
.at-comments .comment-form input[type="email"]:focus,
.at-comments .comment-form input[type="url"]:focus,
.at-comments .comment-form textarea:focus{
 outline:none;
 border-color:var(--color-primary);
 box-shadow:0 0 0 2px rgba(217, 107, 67, 0.15);
}
.at-comments .comment-form textarea{
 min-height:120px;
 resize:vertical;
}
.at-comments .comment-form .form-submit{
 margin-top:1.5rem;
}
.at-comments .comment-form .submit{
 display:inline-flex;
 align-items:center;
 gap:0.5rem;
 padding:0.75rem 1.5rem;
 background:var(--color-primary);
 color:var(--color-text-inverse);
 font-size:0.875rem;
 font-weight:700;
 border:none;
 border-radius:4px;
 cursor:pointer;
 transition:background-color 0.3s ease;
}
.at-comments .comment-form .submit:hover{
 background:var(--color-accent-light);
}
.at-comments .comment-navigation{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:2rem;
}
.at-comments .comment-navigation a{
 display:inline-flex;
 align-items:center;
 gap:0.5rem;
 padding:0.5rem 1rem;
 font-size:0.875rem;
 font-weight:500;
 color:var(--color-primary);
 background:var(--color-bg);
 border:1px solid var(--color-light-border);
 border-radius:4px;
 text-decoration:none;
 transition:all 0.3s ease;
}
.at-comments .comment-navigation a:hover{
 background:var(--color-primary);
 color:var(--color-text-inverse);
 border-color:var(--color-primary);
}
@media (max-width:768px){
 .at-comments .comment-form input[type="text"],
 .at-comments .comment-form input[type="email"],
 .at-comments .comment-form input[type="url"],
 .at-comments .comment-form textarea{
 font-size:1rem;
}
}