/*
Theme Name: Souq Pallet
Description: موقع شركة تصنيع وتوريد البالتات والصناديق الخشبية
Version: 2.3.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: souq-pallet
*/
:root{--navy:#10233f;--orange:#ff7a24;--muted:#627086;--line:#dfe4eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial, sans-serif;color:var(--navy);background:#fff;line-height:1.8;font-size:17px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1200px,90%);margin:auto}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:225px;height:72px;object-fit:contain}nav{display:flex;gap:32px;font-size:15px;font-weight:bold}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--orange);padding:13px 26px;border-radius:9px;font-weight:bold;min-height:48px}.btn.outline{background:transparent;border:1px solid var(--line)}.menu{display:none;background:none;border:1px solid var(--line);padding:5px 12px;border-radius:6px}.hero{padding:72px 0 64px;background:linear-gradient(125deg,#f1f5fa,#fff 65%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.eyebrow{font-size:14px;letter-spacing:1px;font-weight:bold;color:var(--muted);display:block;margin-bottom:16px}.eyebrow:before{content:'';display:inline-block;width:28px;height:3px;background:var(--orange);vertical-align:middle;margin-left:10px}h1{font-size:clamp(40px,4.5vw,64px);line-height:1.35;margin:0 0 22px;letter-spacing:-1.3px}h1 em{font-style:normal;color:var(--orange)}p{margin:0 0 24px;color:var(--muted)}.hero p{max-width:490px;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap}.visual{position:relative;padding-bottom:24px}.visual img{width:100%;height:470px;object-fit:cover;border-radius:22px 22px 80px 22px}.visual-tag{position:absolute;bottom:0;right:25px;background:var(--navy);color:white;padding:17px 28px;border-radius:10px;box-shadow:0 12px 30px #10233f25;font-size:21px;font-weight:bold}.visual-tag small{display:block;color:#c2ccda;font-size:13px;font-weight:normal}.image-note{font-size:12px;margin:10px 0 0;text-align:left}.strip{background:var(--navy);color:white}.strip .wrap{display:flex;justify-content:space-between;padding:22px 0;gap:20px;font-size:16px}.strip span:before{content:'✦';color:var(--orange);margin-left:14px}section{padding:80px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:34px}h2{font-size:38px;line-height:1.4;margin:0}h3{font-size:23px;margin:0 0 12px}.section-title p{max-width:420px;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.big-label{font-size:96px;font-weight:bold;color:var(--orange);line-height:1}.about .big-label small{display:block;color:var(--navy);font-size:23px;margin-top:18px}.about p{font-size:19px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;position:relative}.card .num{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;background:#fff0e6;color:#bb4d08;border-radius:12px;font-size:20px;font-weight:bold;margin-bottom:24px}.card p{font-size:16px;margin:0}.soft{background:#f4f6f9}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:2px solid var(--line);padding-top:24px}.step strong{display:block;color:var(--orange);font-size:34px;margin-bottom:12px}.step p{font-size:16px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:19px;font-weight:bold;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--orange);font-size:25px}details[open] summary:after{content:'−'}details p{margin:14px 0 0;font-size:16px}.contact{padding:0 0 70px}.contact-box{background:var(--navy);color:white;border-radius:20px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:36px;margin-bottom:10px}.contact p{color:#c2ccda;margin:0}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap}.contact .outline{border-color:#627086;color:white}footer{border-top:1px solid var(--line);padding:26px 0;font-size:14px}.footer-row{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.skip{position:absolute;top:-60px;background:white;padding:12px;z-index:20}.skip:focus{top:5px}:focus-visible{outline:3px solid #ff7a24;outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:850px){.nav{height:78px;gap:14px}.brand img{width:175px;height:62px}.nav>.btn{display:none}.menu{display:block}nav{display:none;position:absolute;top:78px;right:0;left:0;background:white;padding:22px;box-shadow:0 10px 20px #10233f18;flex-direction:column}nav.open{display:flex}.hero{padding:40px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero p{font-size:17px}h1{font-size:43px}.visual img{height:330px}.strip .wrap{flex-wrap:wrap;justify-content:center;font-size:14px}.about,.faq-grid{grid-template-columns:1fr;gap:30px}.big-label{font-size:64px}.section-title{display:block}.section-title p{margin-top:16px}.cards,.steps{grid-template-columns:1fr;gap:18px}section{padding:52px 0}h2{font-size:30px}.contact-box{display:block;padding:30px}.contact-buttons{margin-top:25px}.contact h2{font-size:29px}.footer-row{flex-direction:column;gap:8px}.card{padding:25px}}

.product-group{margin-top:40px}.group-heading{display:flex;align-items:center;gap:16px;margin:0 0 22px;font-size:25px}.group-heading:after{content:'';height:1px;background:var(--line);flex:1}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.product-image{background:#eef1f5;padding:12px}.product-image img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto}.product-content{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.product-content h4{font-size:25px;margin:0;line-height:1.4}.dimensions{font-size:17px;color:var(--muted);margin:10px 0 6px}.spec-note{font-size:13px;color:#986031;margin:0 0 14px;min-height:24px}.product-content .btn{width:100%;font-size:15px;margin-top:auto}.catalog-note{font-size:14px;margin:24px 0 0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.services-grid .card{display:flex;flex-direction:column}.services-grid .card p{margin-bottom:22px}.service-link{color:#a94306;font-size:15px;font-weight:bold;margin-top:auto;text-decoration:underline;text-underline-offset:5px}.about .big-label{font-size:65px}.wood-about{margin-top:22px}.wood-about img{height:230px;width:100%;object-fit:cover;border-radius:14px}.about h2{margin-bottom:20px}.floating-wa{position:fixed;left:22px;bottom:22px;z-index:30;background:#10233f;color:white;border:2px solid #ff7a24;border-radius:50px;padding:13px 20px;box-shadow:0 5px 25px #0002;font-weight:bold;font-size:15px}.contact{padding-top:70px}.visual-tag{font-size:20px}.contact .eyebrow{color:#c2ccda}nav{gap:25px}.btn{transition:background .2s,box-shadow .2s}.btn:hover{background:#ff8c43;box-shadow:0 4px 14px #ff7a2425}.btn.outline:hover{background:#f0f3f7}.contact .btn.outline:hover{background:#203954}details p{max-width:650px}@media(max-width:1000px){.product-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about .big-label{font-size:52px}}@media(max-width:600px){.product-grid,.services-grid{grid-template-columns:1fr}.product-content{padding:22px}.about .big-label{font-size:45px}.floating-wa{left:16px;bottom:16px;font-size:13px;padding:10px 16px}.group-heading{font-size:22px}.contact{padding-top:45px}.product-image img{max-height:300px}.hero .actions .btn{width:100%}.wood-about img{height:210px}}

@media(min-width:1001px){.family-cp .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.family-euro .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-euro .product-card{flex-direction:row}.family-euro .product-image{width:48%;display:flex;align-items:center}.family-euro .product-content{width:52%}.family-gma .product-grid{grid-template-columns:1fr}.family-gma .product-card{flex-direction:row}.family-gma .product-image{width:40%}.family-gma .product-content{width:60%;justify-content:center}.family-gma .product-content .btn{width:auto;margin-top:20px}.family-gma .product-image img{max-height:280px}.family-cp .product-content{padding:20px}.family-cp .product-content .btn{padding:12px 10px;font-size:14px}}
/* Dark theme */
:root{--navy:#edf3fc;--orange:#ff7a24;--muted:#a8b6cc;--line:#2b3b54;--surface:#111d30;--deep:#091321}body{background:var(--deep);color:var(--navy)}header{background:#0c1728f5;backdrop-filter:blur(16px)}.brand{background:#fff;border-radius:10px;padding:3px 12px}.hero{background:radial-gradient(ellipse at 20% 30%,#19324d 0%,#0c1829 45%,#091321 85%)}.visual-tag,.contact-box,.strip{background:#13243c}.visual-tag{border:1px solid #344967}.soft{background:#0d192b}.card,.product-card{background:var(--surface)}.product-image{background:#dce2e9}.card .num{background:#ff7a2419;color:#ff9858}.btn{color:#101827}.btn.outline{color:#eaf1fc}.btn.outline:hover{background:#1c2b42}.service-link{color:#ff9858}.spec-note{color:#ffb782}.contact .btn.outline:hover{background:#203954}.floating-wa{background:#15283f}.contact-box{border:1px solid #324660}.about .big-label small{color:#edf3fc}.menu{color:#edf3fc}.skip{background:#15283f;color:#fff}summary:hover{color:#ff9858}.btn:focus-visible,.service-link:focus-visible{outline-color:#ff9858}.contact-pending{display:none}
/* Motion */
.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.25,1)}.reveal.pending{opacity:0;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.product-card,.card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.product-image img{transition:transform .45s ease}.visual img{animation:hero-enter .9s ease both}.hero h1{animation:copy-enter .65s ease both}.hero p,.hero .actions{animation:copy-enter .8s ease both}.btn{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn:active{transform:scale(.98)}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes copy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.product-card:hover,.card:hover{transform:translateY(-6px);border-color:#ff7a2470;box-shadow:0 16px 35px #0003}.product-card:hover .product-image img{transform:scale(1.035)}.btn:hover{transform:translateY(-2px)}}@media(max-width:850px){nav{background:#0c1728;box-shadow:0 10px 20px #0005}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}

@font-face{font-family:'Cairo';font-style:normal;font-weight:400;font-display:swap;src:url('assets/cairo-400.ttf') format('truetype')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('assets/cairo-700.ttf') format('truetype')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:800;font-display:swap;src:url('assets/cairo-800.ttf') format('truetype')}
body{font-family:'Cairo',Arial,sans-serif;line-height:1.9}h1,h2,h3,h4,.big-label{font-weight:800;letter-spacing:0}h1{line-height:1.5}h2{line-height:1.6}.btn,nav,summary,.service-link{font-weight:700}.hero p{line-height:2}.product-content h4{line-height:1.5}.nav{gap:20px}nav{gap:20px;font-size:14px}.product-content .btn{font-size:14px}.contact h2{line-height:1.6}@media(max-width:850px){h1{font-size:39px}.hero p{font-size:17px}.about .big-label{font-size:40px}.contact h2{font-size:27px}}

/* Image-led presentation and rounded product photography */
.hero{padding-top:65px;padding-bottom:72px}.hero-grid{gap:62px}.hero-slider{height:490px;position:relative;border-radius:28px 28px 76px 28px;overflow:hidden;border:1px solid #536a8445;box-shadow:0 28px 65px #0005}.slides,.slide{height:100%;width:100%}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .65s ease,transform 4.8s ease;pointer-events:none}.slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}.hero-slider .slide img{width:100%;height:100%;object-fit:cover;border-radius:0;animation:none}.hero-slider:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#071424a8);pointer-events:none}.slider-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:2}.slide-count,.slider-pause{background:#071424aa;color:#fff;border:1px solid #ffffff35;backdrop-filter:blur(10px);border-radius:30px;padding:5px 13px;font-size:14px}.slider-pause{cursor:pointer}.slider-controls{position:absolute;bottom:44px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:3;direction:ltr}.slide-prev,.slide-next{display:flex;justify-content:center;align-items:center;background:#10233faa;border:1px solid #ffffff45;color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:32px;line-height:1}.slider-dots{display:flex;gap:9px}.slider-dots button{border:none;width:9px;height:9px;border-radius:12px;background:#ffffff70;cursor:pointer;padding:0;position:relative;transition:width .25s,background .25s}.slider-dots button:before{content:'';position:absolute;inset:-14px -5px}.slider-dots button.active{width:29px;background:#ff7a24}.visual-tag{bottom:0;right:22px;border-radius:14px;padding:14px 22px;z-index:4;box-shadow:0 15px 30px #0005}.visual-tag small{font-size:14px}.product-card{border-radius:24px;background:linear-gradient(145deg,#17263b,#111d30);border-color:#30445e;box-shadow:0 10px 30px #0002}.product-image{background:transparent;padding:16px 16px 0}.product-image img{aspect-ratio:1/1;border-radius:20px;background:#e7ebf0;box-shadow:0 8px 20px #0002}.product-content{padding:25px}.product-content h4{font-size:26px}.product-content .btn{border-radius:12px}.card{border-radius:20px;background:linear-gradient(145deg,#16253a,#101c2e)}.card .num{border:1px solid #ff7a2430;border-radius:15px}.wood-about img{height:270px;object-fit:contain;border-radius:22px;background:#e7ebf0;border:12px solid #e7ebf0}.contact-box{border-radius:26px;background:linear-gradient(120deg,#172d49,#111f33);box-shadow:0 20px 50px #0003}.section-title h2{font-size:40px}.product-card:hover .product-image img{transform:scale(1.018)}.family-euro .product-image,.family-gma .product-image{padding:16px}.family-gma .product-image img{max-height:320px}.slider-top button:hover,.slide-prev:hover,.slide-next:hover{background:#233b58}.btn{border-radius:11px}@media(max-width:850px){.hero{padding-top:35px;padding-bottom:45px}.hero-grid{gap:32px}.hero-slider{height:380px;border-radius:22px 22px 55px 22px}.section-title h2{font-size:30px}.wood-about img{height:250px}.slider-controls{bottom:38px;left:16px;right:16px}.visual-tag{right:16px;padding:12px 15px;font-size:17px}.visual-tag small{font-size:12px}.slide-prev,.slide-next{width:44px;height:44px}.product-image{padding:15px 15px 0}.product-image img{max-height:none}.family-euro .product-image,.family-gma .product-image{padding:15px 15px 0}}
@media(prefers-reduced-motion:reduce){.slide{transform:none}}

.brand{display:flex;align-items:center;padding:2px 5px;border-radius:7px}.brand img{height:auto;max-height:72px;width:225px}@media(max-width:850px){.brand img{width:175px;height:auto;max-height:62px}}

.wood-about img{background:transparent;border:0;border-radius:0;height:300px;object-fit:contain;filter:drop-shadow(0 18px 18px #0004)}@media(max-width:850px){.wood-about img{height:250px}}

.pallet-3d-wrap{margin:-6px 0 24px}.pallet-3d{position:relative;width:100%;height:260px;cursor:grab;border:0;background:transparent;border-radius:18px}.pallet-3d:active{cursor:grabbing}.pallet-3d-stage{position:absolute;inset:0}.pallet-3d canvas{display:block;width:100%;height:100%;touch-action:none;border-radius:18px}.pallet-3d-fallback{width:100%;height:100%;object-fit:contain}.pallet-3d.ready .pallet-3d-fallback{visibility:hidden}.pallet-3d-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:#a8b6cc;margin-top:4px}.pallet-reset{border:1px solid #ff7a2455;border-radius:8px;color:#ff9c60;background:#ff7a2410;cursor:pointer;padding:6px 10px;font-size:12px;white-space:nowrap}.pallet-reset:hover{background:#ff7a2425}.hero-grid{align-items:center}.pallet-3d-toolbar span{line-height:1.7}.hero p{font-size:17px}.pallet-3d-toolbar [hidden]{display:none}@media(max-width:850px){.pallet-3d{height:230px}.pallet-3d-toolbar{font-size:12px}.pallet-reset{font-size:12px}.pallet-3d-wrap{margin:0 0 22px}.hero p{font-size:17px}}

.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin-top:25px;padding-top:24px;border-top:1px solid #ffffff20}.contact-details span{display:block;color:#a8b6cc;font-size:13px;margin-bottom:4px}.contact-details a{display:inline-block;font-size:16px;color:#fff}.contact-details a:hover{color:#ff9858}.contact-details address{font-style:normal;grid-column:1/-1;font-size:16px;color:#edf3fc}.contact-box>div:first-child{min-width:0}.contact-details a{overflow-wrap:anywhere}@media(max-width:600px){.contact-details{grid-template-columns:1fr;gap:16px}.contact-details address{font-size:15px}}

.pallet-rotate-hint{position:absolute;top:14px;right:12px;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff9a58;background:#ff7a2412;border:1px solid #ff7a2460;pointer-events:none;z-index:3;box-shadow:0 0 24px #ff7a2412}.pallet-rotate-hint svg{position:absolute;width:50px;height:50px;animation:rotation-cue 5s ease-in-out infinite}.pallet-rotate-hint span{font-size:11px;font-weight:700;direction:ltr;color:#ffd0af}@keyframes rotation-cue{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(35deg)}}@media(max-width:850px){.pallet-rotate-hint{width:54px;height:54px;top:10px;right:6px}.pallet-rotate-hint svg{width:44px;height:44px}.pallet-rotate-hint span{font-size:10px}}@media(prefers-reduced-motion:reduce){.pallet-rotate-hint svg{animation:none}}