/*
Theme Name: Al Makkah Traders Customizer
Theme URI: https://almakkahtraders.example/
Author: Al Makkah Traders
Description: A classic, Customizer-driven storefront for Al Makkah Traders melamine crockery.
Requires at least: 6.4
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: al-makkah-traders-customizer
Tags: e-commerce, custom-logo, featured-image, one-column, two-columns, accessibility-ready
*/
:root{--amt-bg:#fff;--amt-text:#202124;--amt-navy:#192e49;--amt-gold:#a77d20;--amt-header:#fff;--amt-header-text:#192e49;--amt-footer:#f3f4f5;--amt-footer-text:#53606f;--amt-radius:0px;--amt-space:4rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--amt-bg);color:var(--amt-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:var(--amt-navy)}a:hover{color:var(--amt-gold)}img{max-width:100%;height:auto}.amt-container{width:min(var(--amt-width,1440px),calc(100% - 2rem));margin-inline:auto}.amt-top-strip{background:var(--amt-navy);color:#fff;overflow:hidden;white-space:nowrap;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.55rem 0}.amt-marquee{display:inline-block;animation:amt-marquee 28s linear infinite}.amt-marquee span{margin:0 1rem}@keyframes amt-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.amt-contact-bar{border-bottom:1px solid #e5e7eb;color:#5b6470;font-size:.75rem}.amt-contact-bar .amt-container,.amt-main-header .amt-container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.amt-contact-bar .amt-container{padding:.45rem 0}.amt-contact-links,.amt-header-actions,.amt-nav{display:flex;align-items:center;gap:1.25rem}.amt-main-header{position:relative;z-index:20;background:var(--amt-header);border-bottom:1px solid #e5e7eb;box-shadow:0 2px 9px #192e4910}.amt-main-header.is-sticky{position:sticky;top:0}.amt-main-header .amt-container{min-height:84px}.amt-logo img{display:block;width:auto;max-height:68px;max-width:230px;object-fit:contain;mix-blend-mode:multiply}.amt-nav{text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.amt-nav a,.amt-contact-links a,.amt-header-actions a{text-decoration:none}.amt-nav a,.amt-header-actions a{padding:.5rem}.amt-nav-list,.amt-mobile-menu ul{list-style:none;display:flex;align-items:center;gap:1.25rem;padding:0;margin:0}.amt-menu-toggle{display:none;border:0;background:transparent;font-size:1.5rem;color:inherit;cursor:pointer}.amt-mobile-menu{background:var(--amt-header);border-bottom:1px solid #e5e7eb;box-shadow:0 8px 20px #192e4918}.amt-mobile-menu nav{padding:1rem 0}.amt-mobile-menu ul{flex-direction:column;align-items:stretch;gap:0}.amt-mobile-menu li a{display:block;padding:.75rem .25rem;border-bottom:1px solid #edf0f2;text-decoration:none;text-transform:uppercase;font-size:.85rem;font-weight:600}.amt-breadcrumbs{padding-top:1rem;padding-bottom:1rem;color:#657080;font-size:.8rem}.amt-page-hero{background:#f5f6f7;padding:4rem 1rem;text-align:center}.amt-eyebrow{color:var(--amt-gold);font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.amt-page-hero h1,.amt-page-hero h2,.amt-home h1,.amt-section-title{color:var(--amt-navy);font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}.amt-page-hero h1,.amt-page-hero h2{font-size:clamp(2.4rem,5vw,4.2rem);margin:.35rem 0 1rem}.amt-page-hero p{max-width:46rem;margin:auto;color:#5b6470}.amt-button,.wp-element-button{display:inline-block;border:0;border-radius:var(--amt-radius);background:var(--amt-navy);color:#fff!important;padding:.85rem 1.5rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:700;cursor:pointer}.amt-button:hover,.wp-element-button:hover{background:var(--amt-gold)}.amt-button.gold{background:var(--amt-gold)}.amt-home-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr);background:#f3f4f5}.amt-home-hero-copy{padding:clamp(2rem,7vw,7rem);align-self:center}.amt-home-hero h1{font-size:clamp(3.1rem,7vw,6.4rem);line-height:.88;margin:.6rem 0 1.4rem}.amt-home-hero-copy p{color:#5b6470;line-height:1.7;max-width:29rem}.amt-home-hero-media{min-height:520px;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:4px;background:#fff}.amt-home-hero-media img{width:100%;height:100%;object-fit:cover}.amt-home-hero-media img:first-child{grid-row:1/span 2}.amt-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem 0;border-bottom:1px solid #e5e7eb;background:#fafafa}.amt-feature{display:flex;gap:.75rem;align-items:center}.amt-feature-icon{color:var(--amt-gold);font-size:1.9rem}.amt-feature strong{display:block;color:var(--amt-navy);text-transform:uppercase;font-family:Oswald,Impact,sans-serif;font-size:1.05rem}.amt-feature small{color:#6b7280}.amt-section{padding:var(--amt-space) 0}.amt-section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.amt-section-title{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 .8rem}.amt-categories,.amt-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}.amt-category{text-align:center;text-decoration:none}.amt-category-image{aspect-ratio:1;border-radius:50%;overflow:hidden;padding:.45rem;border:4px solid transparent;background:#f3f4f5}.amt-category:hover .amt-category-image{border-color:var(--amt-navy)}.amt-category-image img{border-radius:50%;width:100%;height:100%;object-fit:cover}.amt-category h3{font-size:.9rem;text-transform:uppercase;margin:.75rem 0;color:var(--amt-navy)}.amt-product-grid{grid-template-columns:repeat(5,1fr)}.amt-product-card{border:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;position:relative;border-radius:var(--amt-radius);overflow:hidden}.amt-product-card:hover{box-shadow:0 10px 30px #192e4915}.amt-product-card figure{margin:0;aspect-ratio:1;overflow:hidden;background:#f8f8f8}.amt-product-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.amt-product-card:hover figure img{transform:scale(1.05)}.amt-product-body{padding:1rem;display:flex;flex-direction:column;flex:1}.amt-product-body h3{font-size:1rem;line-height:1.3;margin:.25rem 0 .8rem;color:var(--amt-navy)}.amt-product-body h3 a{text-decoration:none}.amt-product-category{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.amt-product-price{font-weight:700;color:var(--amt-navy);margin-top:auto}.amt-badge{position:absolute;top:.7rem;left:.7rem;padding:.3rem .5rem;background:var(--amt-navy);color:#fff;font-size:.65rem;text-transform:uppercase;z-index:1}.amt-badge.sale{background:#b42318}.amt-wish{position:absolute;top:.55rem;right:.55rem;z-index:2;border:0;border-radius:50%;width:2.2rem;height:2.2rem;background:#fff;cursor:pointer;color:#777}.amt-promo{background:var(--amt-navy);color:#fff;text-align:center;padding:3.5rem 1rem}.amt-promo-inner{border:2px solid var(--amt-gold);padding:2.5rem;max-width:52rem;margin:auto}.amt-promo h2{color:#fff;font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:clamp(2rem,4vw,3.5rem);margin:0 0 1rem}.amt-promo p{color:#d9e0e8;line-height:1.7}.amt-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;align-items:center}.amt-story-art{min-height:24rem;background:url("assets/images/story-melamine.jpg") center/cover no-repeat}.amt-prose{line-height:1.8;color:#55606d}.amt-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:4rem 0}.amt-contact-card{border:1px solid #e5e7eb;padding:2rem;text-align:center;text-decoration:none}.amt-contact-card strong{display:block;font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:1.3rem;color:var(--amt-navy);margin:.8rem 0 .3rem}.amt-contact-card span{color:#657080}.amt-track-box{max-width:38rem;margin:4rem auto;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 8px 25px #192e4910}.amt-cart-list{display:grid;gap:.75rem;max-width:48rem}.amt-cart-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #e5e7eb;padding:1rem}.amt-cart-row button{border:0;background:transparent;color:var(--amt-gold);cursor:pointer;text-decoration:underline}.amt-field{margin-bottom:1rem}.amt-field label{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.75rem;margin-bottom:.4rem}.amt-field input,.amt-field textarea,.amt-field select{display:block;width:100%;padding:.85rem;border:1px solid #cbd5e1;font:inherit}.amt-field input:focus,.amt-field textarea:focus{outline:2px solid var(--amt-gold);outline-offset:1px}.amt-faq{border-bottom:1px solid #e5e7eb;padding:1rem 0}.amt-faq summary{cursor:pointer;font-weight:700;color:var(--amt-navy)}.amt-footer{background:var(--amt-footer);color:var(--amt-footer-text);border-top:1px solid #e5e7eb;padding:4rem 0 1.5rem}.amt-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}.amt-footer h2,.amt-footer h3{color:var(--amt-header-text);font-family:Oswald,Impact,sans-serif;text-transform:uppercase}.amt-footer ul{list-style:none;padding:0;margin:0;line-height:2}.amt-footer a{color:var(--amt-footer-text);text-decoration:none}.amt-footer-brand img{max-width:190px;max-height:70px;mix-blend-mode:multiply}.amt-footer-bottom{border-top:1px solid #d9dde2;margin-top:2.5rem;padding-top:1.25rem;display:flex;justify-content:space-between;color:#647080;font-size:.8rem}.amt-floating-wa{position:fixed;z-index:30;bottom:1.5rem;left:1.5rem;background:#25d366;border-radius:50%;width:3.7rem;height:3.7rem;display:grid;place-items:center;box-shadow:0 4px 18px #0003}.amt-floating-wa svg{width:2rem;fill:#fff}.amt-sidebar{margin-top:2rem}.amt-sidebar aside{margin-bottom:2rem}.amt-post{margin-bottom:3rem}.amt-post-title{font-family:Oswald,Impact,sans-serif;color:var(--amt-navy)}.amt-pagination{margin:2rem 0}.amt-pagination a,.amt-pagination span{display:inline-block;padding:.5rem .8rem;border:1px solid #ddd;text-decoration:none}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.amt-home-hero{grid-template-columns:1fr}.amt-home-hero-media{min-height:380px}.amt-categories,.amt-product-grid{grid-template-columns:repeat(3,1fr)}.amt-footer-grid{grid-template-columns:repeat(2,1fr)}.amt-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.amt-container{width:min(100% - 1.25rem,1440px)}.amt-contact-bar,.amt-nav{display:none}.amt-menu-toggle{display:block}.amt-logo img{max-width:150px;max-height:55px}.amt-main-header .amt-container{min-height:68px}.amt-header-actions{gap:.1rem}.amt-header-actions a{font-size:0}.amt-header-actions a::first-letter{font-size:1.15rem}.amt-home-hero-media{min-height:280px}.amt-categories,.amt-product-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.amt-features,.amt-contact-cards,.amt-content-grid,.amt-footer-grid{grid-template-columns:1fr}.amt-feature{justify-content:center}.amt-section{padding:2.75rem 0}.amt-footer-bottom{flex-direction:column;gap:.5rem}}
/* Responsive WooCommerce storefront */
.woocommerce main.site-main{width:min(1440px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.woocommerce .woocommerce-breadcrumb{margin-bottom:1.5rem}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto!important;margin:0!important;display:flex;flex-direction:column;min-width:0;border:1px solid #e5e7eb;padding:1rem}.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:contain;background:#fff}.woocommerce ul.products li.product .button{align-self:flex-start;margin-top:auto;background:#192e49;color:#fff;border-radius:0}.woocommerce .woocommerce-ordering select{max-width:100%;padding:.65rem;border:1px solid #cbd5e1}.woocommerce div.product .product_title{color:#192e49;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.25}.woocommerce div.product div.images img{max-height:680px;object-fit:contain}.woocommerce div.product .woocommerce-tabs{padding-top:2rem}.woocommerce .woocommerce-tabs img{max-width:100%;height:auto}.woocommerce .related.products{clear:both}.amt-nav-list{gap:.7rem}.amt-nav-list a{white-space:nowrap}.amt-product-card figure img{object-fit:contain}.woocommerce .woocommerce-result-count{padding:.6rem 0}
@media(max-width:1100px){.amt-nav{display:none}.amt-menu-toggle{display:block}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.woocommerce main.site-main{width:calc(100% - 1.5rem);padding:1.25rem 0 2.5rem}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.woocommerce ul.products li.product{padding:.65rem}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%;margin-bottom:1.5rem}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{float:none}.woocommerce .woocommerce-ordering select{width:100%}.woocommerce div.product .woocommerce-tabs ul.tabs{padding-left:0}.woocommerce .woocommerce-tabs .amt-product-grid{grid-template-columns:1fr}.woocommerce div.product div.images img{max-height:460px}.amt-header-actions{flex-shrink:0}.amt-product-body .amt-button{font-size:.7rem;letter-spacing:.04em;padding:.7rem .4rem}}

/* Keep footer navigation within small screens. */
.amt-footer .amt-nav-list{display:block}.amt-footer-grid>*{min-width:0}.amt-footer a{overflow-wrap:anywhere}.amt-footer .amt-nav-list a{white-space:normal}
