/*
Theme Name: USBFLASH UI
Description: Presentation layer for USBFLASH UAE (layout and styling follow the supplied Adwise-style template). Mobile-first, RTL-ready.
Version: 0.3.0
Requires PHP: 8.0
Text Domain: usbflash-ui
*/
/* Mobile-first: base rules target phones; min-width queries enlarge for tablet (640/900) and desktop (1100). */
:root{
	--ub-ink:#1D2320; --ub-text:#4a524f; --ub-orange:#E67726; --ub-orange-d:#cf651a; --ub-green:#7FB140; --ub-teal:#08655B;
	--ub-mint:#F2F8F6; --ub-grey:#F2F2F2; --ub-white:#fff; --ub-radius:20px; --ub-gutter:16px;
	--ub-font:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
html[lang^="ar"],html[dir="rtl"]{--ub-font:"Tajawal","Montserrat",system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ub-font);color:var(--ub-text);background:#fff;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--ub-teal)}
h1,h2,h3,h4{color:var(--ub-ink);font-weight:800;line-height:1.15;margin:0 0 .5em}
input,select,textarea,button{font-size:16px} /* prevents iOS zoom on focus */
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.ub-wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--ub-gutter)}

/* header */
.ub-header{position:sticky;top:0;z-index:50;background:#fff;border-block-end:1px solid #eee;border-block-start:2px solid var(--ub-green)}
.ub-header__in{position:relative;max-width:1400px;margin-inline:auto;padding:8px var(--ub-gutter);display:flex;align-items:center;gap:10px}
.ub-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ub-ink)}
.ub-logo__txt{display:flex;flex-direction:column;line-height:1}
.ub-logo__txt b{font-size:19px;font-weight:800;letter-spacing:.06em}
.ub-logo__txt small{font-size:13px;letter-spacing:.5em;font-weight:500;margin-block-start:2px}
.ub-nav{position:absolute;inset-inline:0;top:100%;background:#fff;border-block-end:1px solid #eee;box-shadow:0 12px 24px rgba(0,0,0,.08);display:none;padding:8px var(--ub-gutter) 16px}
.ub-nav.is-open{display:block}
.ub-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}
.ub-menu a{display:block;padding:12px 0;min-height:44px;color:var(--ub-ink);text-decoration:none;font-weight:500;font-size:16px;border-block-end:1px solid #f0f0f0}
.ub-menu a:hover{color:var(--ub-orange)}
.ub-call{display:none;background:var(--ub-orange);color:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.ub-cart{display:inline-grid;place-items:center;min-width:44px;min-height:44px;text-decoration:none;position:relative;margin-inline-start:auto}
.ub-cart span{background:var(--ub-orange);color:#fff;border-radius:999px;font-size:11px;padding:0 6px;margin-inline-start:2px}
.ub-burger{display:flex;background:none;border:0;width:44px;height:44px;cursor:pointer;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}
.ub-burger i{display:block;height:2px;background:var(--ub-orange);width:28px}.ub-burger i:nth-child(2){width:20px}.ub-burger i:nth-child(3){width:14px}
.ub-logo+.ub-nav+.ub-burger,.ub-header__in>.ub-burger:last-child{margin-inline-start:auto}

/* buttons / pills */
.ub-cta,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit.alt,.single_add_to_cart_button{display:block;width:100%;text-align:center;background:var(--ub-orange)!important;color:#fff!important;border-radius:999px!important;padding:15px 28px!important;min-height:48px;font-family:var(--ub-font);font-weight:600;font-size:16px;text-decoration:none;border:0;box-shadow:0 10px 24px rgba(230,119,38,.35);transition:.2s}
.ub-cta:hover,.single_add_to_cart_button:hover{background:var(--ub-orange-d)!important;transform:translateY(-1px)}
.ub-link{display:inline-block;margin-block-start:14px;padding-block:10px;font-weight:600;color:var(--ub-ink);text-decoration:none}
.ub-link:hover{color:var(--ub-orange)}
.ub-pill{display:inline-block;background:#000;color:#fff;border-radius:999px;padding:8px 20px;font-weight:700;font-size:15px}

/* hero */
.ub-hero{position:relative;padding-block:32px 0;background:radial-gradient(120% 70% at 100% 0,#e3eed4 0,#fff 60%)}
.ub-hero__grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.ub-big{display:block;font-size:clamp(80px,26vw,190px);font-weight:900;line-height:.85;color:var(--ub-green);letter-spacing:-.03em;margin-block-end:10px}
.ub-eyebrow{font-weight:800;letter-spacing:.25em;text-transform:uppercase;font-size:12px;color:var(--ub-ink);margin:0 0 12px}
.ub-hero h1{font-size:clamp(28px,7vw,48px);font-weight:800}
.ub-lead{font-size:17px;max-width:520px;margin-block:0 24px}
.ub-hero__art{border-radius:var(--ub-radius);overflow:hidden;background:var(--ub-green);box-shadow:0 20px 40px rgba(8,101,91,.22)}
.ub-hero__art img{display:block;width:100%}
.ub-stats{list-style:none;margin:36px 0 -40px;padding:20px;background:#fff;border-radius:var(--ub-radius) var(--ub-radius) 0 0;box-shadow:0 -10px 50px rgba(0,0,0,.07);display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:5}
.ub-stats li{padding:0}
.ub-stats strong{display:block;font-size:17px;color:var(--ub-ink);font-weight:800}
.ub-stats span{font-size:13px;line-height:1.4;display:block}

/* models */
.ub-models{background:var(--ub-grey);padding-block:76px 56px;position:relative;z-index:1;border-radius:0 0 50% 50%/0 0 30px 30px}
.ub-h2{font-size:clamp(26px,6vw,40px)}
.ub-cards{display:grid;grid-template-columns:1fr;gap:20px;margin-block-start:28px}
.ub-card{background:#fff;border-radius:var(--ub-radius);padding:16px 16px 22px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.05)}
.ub-card img{border-radius:14px;margin-block-end:16px;aspect-ratio:4/3;object-fit:cover;width:100%}
.ub-card p{font-size:15px;margin:12px 0 0}
.ub-card .ub-link{margin-block-start:6px}

/* process */
.ub-process{padding-block:56px}
.ub-process__grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.ub-outline{font-size:clamp(52px,16vw,110px);font-weight:900;margin:0;color:transparent;-webkit-text-stroke:2px var(--ub-teal);line-height:1}
.ub-checks{list-style:none;margin:20px 0 0;padding:0}
.ub-checks li{position:relative;padding:14px 8px 14px 52px;border-block-end:1px dashed #dfe5e2;font-size:15px}
.ub-checks li::before{content:"✓";position:absolute;inset-inline-start:0;top:12px;width:32px;height:32px;border-radius:50%;background:var(--ub-teal);color:#fff;display:grid;place-items:center;font-weight:800}
[dir=rtl] .ub-checks li{padding:14px 52px 14px 8px}

/* mint panel */
.ub-panel-wrap{padding-block:0 56px}
.ub-mint{background:var(--ub-mint);border-radius:var(--ub-radius);padding:28px 18px;position:relative}
.ub-tag{display:inline-block;background:#fff;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ub-ink)}
.ub-mint h2{font-size:clamp(24px,6.5vw,46px);text-transform:uppercase;letter-spacing:.02em;margin-block:16px 12px}
.ub-spaced{letter-spacing:.12em;font-weight:500}
.ub-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:20px 26px}
.ub-tiles a{display:flex;align-items:center;min-height:56px;background:#fff;border-radius:14px;padding:12px 14px;color:var(--ub-ink);font-weight:700;font-size:13px;letter-spacing:.08em;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.ub-tiles a:hover{box-shadow:0 8px 24px rgba(127,177,64,.35)}

/* footer */
.ub-footer{background:#f7f7f7;padding-block:44px 20px;font-size:15px}
.ub-footer__grid{display:grid;grid-template-columns:1fr;gap:28px}
.ub-footer h4{font-size:18px}
.ub-footer ul{list-style:none;margin:0;padding:0}.ub-footer li{margin-block:0}
.ub-footer li a{display:inline-block;padding-block:8px}
.ub-footer a{color:var(--ub-text);text-decoration:none}.ub-footer a:hover{color:var(--ub-orange)}
.ub-footer__copy{text-align:center;margin-block:32px 0;font-size:13px}

/* generic content + WooCommerce */
.ub-content{padding-block:36px}
.ub-content img{height:auto}
.ub-content table{display:block;overflow-x:auto;max-width:100%}
.ub-title{font-size:clamp(26px,6vw,42px)}
.woocommerce ul.products{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff;border-radius:var(--ub-radius);padding:12px;box-shadow:0 10px 40px rgba(0,0,0,.05);text-align:center}
.woocommerce ul.products li.product img{border-radius:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:800;color:var(--ub-ink);font-size:14px}
.woocommerce .price,.woocommerce div.product p.price{color:var(--ub-orange);font-weight:700}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:100%!important}
.woocommerce-info,.woocommerce-message{border-top-color:var(--ub-green)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 20px;display:flex;gap:6px;overflow-x:auto}
.woocommerce-MyAccount-navigation li a{display:block;white-space:nowrap;padding:12px 16px;min-height:44px;border-radius:14px;color:var(--ub-ink);text-decoration:none;font-weight:600}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--ub-mint);color:var(--ub-teal)}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important}

/* SEO / GEO country pages */
.ubm-faq details{border:1px solid #dfe5e2;border-radius:14px;padding:0;margin-block:10px;background:#fff}
.ubm-faq summary{cursor:pointer;list-style:none;padding:14px 16px;min-height:48px;font-weight:700;color:var(--ub-ink)}
.ubm-faq summary::-webkit-details-marker{display:none}
.ubm-faq summary::after{content:"+";float:inline-end;font-weight:800;color:var(--ub-orange)}
.ubm-faq details[open] summary::after{content:"–"}
.ubm-faq details p{margin:0;padding:0 16px 16px}

/* plugin panels inside orders */
.ub-panel,.ubm-panel{background:var(--ub-mint);border-radius:var(--ub-radius);padding:18px;margin-block:20px}
.ubm-panel textarea,.ubm-panel input[type=text],.ubm-panel input[type=file]{width:100%;border:1px solid #cfd8d4;border-radius:10px;padding:12px;font-family:var(--ub-font)}
.ub-rev-approved{background:var(--ub-teal)!important}.ub-rev-rejected,.ub-rev-revision_requested{background:#c62828!important}

/* ≥640px – large phones / small tablets */
@media (min-width:640px){
	:root{--ub-gutter:24px;--ub-radius:28px}
	body{font-size:17px}
	.ub-cta,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit.alt,.single_add_to_cart_button{display:inline-block;width:auto;padding:16px 34px!important}
	.ub-link{margin-inline-start:20px;margin-block-start:0}
	.ub-card .ub-link{margin:0}
	.ub-call{display:inline-block}
	.ub-cart{margin-inline-start:0}
	.ub-cards{grid-template-columns:repeat(2,1fr);gap:28px}
	.ub-stats{grid-template-columns:repeat(2,1fr);padding:28px}
	.ub-stats strong{font-size:20px}.ub-stats span{font-size:14px}
	.ub-mint{padding:44px 32px}
	.ub-tiles{grid-template-columns:repeat(2,1fr)}
	.ub-footer__grid{grid-template-columns:1fr 1fr}
	.woocommerce ul.products{grid-template-columns:repeat(3,1fr);gap:20px}
	.ub-content{padding-block:60px}
}

/* ≥900px – desktop nav and two-column layouts */
@media (min-width:900px){
	.ub-header__in{padding-block:12px;gap:28px}
	.ub-logo__txt b{font-size:22px}.ub-logo__txt small{font-size:15px}
	.ub-burger{display:none}
	.ub-nav{position:static;display:block;flex:1;padding:0;border:0;box-shadow:none;background:none}
	.ub-menu{flex-direction:row;gap:28px;justify-content:center}
	.ub-menu a{display:inline;padding:0;min-height:0;border:0;font-size:15px}
	.ub-hero{padding-block:70px 0;background:linear-gradient(115deg,#fff 0 58%,transparent 58%),radial-gradient(120% 90% at 100% 0,#e3eed4 0,#fff 60%)}
	.ub-hero__grid{grid-template-columns:1.05fr 1fr;gap:48px}
	.ub-hero__art{transform:rotate(1.5deg);box-shadow:0 30px 60px rgba(8,101,91,.25)}
	.ub-art--green{transform:rotate(-1.5deg)}
	.ub-eyebrow{letter-spacing:.35em;font-size:14px}
	.ub-lead{font-size:18px;margin-block-end:30px}
	.ub-stats{grid-template-columns:repeat(4,1fr);gap:0;margin:60px 0 -50px;padding:30px 36px}
	.ub-stats li{padding-inline:24px;border-inline-start:1px solid #e7ecea}.ub-stats li:first-child{border:0;padding-inline-start:0}
	.ub-stats strong{font-size:22px}
	.ub-models{padding-block:130px 90px;border-radius:0 0 50% 50%/0 0 60px 60px}
	.ub-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
	.ub-card{padding:22px 22px 28px}
	.ub-process{padding-block:100px}
	.ub-process__grid{grid-template-columns:1fr 1fr;gap:56px}
	.ub-checks li{font-size:16px;padding-inline-end:16px}
	.ub-panel-wrap{padding-block-end:100px}
	.ub-mint{padding:56px}
	.ub-tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
	.ub-tiles a{font-size:15px;letter-spacing:.12em;padding:22px 26px}
	.ub-footer{padding-block:70px 20px}
	.ub-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:36px}
	.woocommerce ul.products{grid-template-columns:repeat(4,1fr)}
	.woocommerce ul.products li.product{padding:18px}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px}
	.woocommerce div.product div.images{float:inline-start!important;width:48%!important}
	.woocommerce div.product div.summary{float:inline-end!important;width:48%!important}
	.woocommerce-account .woocommerce-MyAccount-navigation{float:inline-start!important;width:25%!important}
	.woocommerce-account .woocommerce-MyAccount-content{float:inline-end!important;width:72%!important}
	.woocommerce-MyAccount-navigation ul{display:block;overflow:visible}
	.ub-panel,.ubm-panel{padding:28px;margin-block:28px}
}