/*
Theme Name: MORE
Theme URI: https://morebrandeg.com
Author: MORE
Description: Streetwear store theme for the MORE clothing brand. Built for WooCommerce.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: more
*/
:root{--red:#ff2e2e;--ink:#05050f;--fg:#f4f2ff;--mut:#a9a8d6;--navy:#1a1a6e;--blue:#3a35c9;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:#05050f;color:var(--fg);font-family:'Space Grotesk','Cairo',system-ui,sans-serif;line-height:1.55;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(100deg,#000 0%,var(--navy) 55%,var(--blue) 100%);pointer-events:none}
[dir=rtl] body{font-family:'Cairo','Space Grotesk',sans-serif}
h1,h2,h3,h4{font-family:'Unbounded','Cairo',sans-serif;font-weight:900;line-height:1.05;margin:0 0 .5em;color:var(--fg)}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:'Cairo',sans-serif;line-height:1.25}
a{color:var(--red)}img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wrap{padding:5vw}
.screen-reader-text{position:absolute;left:-9999px}
/* top promo bar */
.promo{background:var(--fg);color:var(--ink);overflow:hidden;white-space:nowrap;direction:ltr;font-family:'Unbounded','Cairo',sans-serif;font-weight:900;font-size:13px}
.promo #tk{display:inline-block;padding:10px 0;animation:mq 50s linear infinite}
.promo span{margin:0 18px}.promo i{color:var(--red);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
/* header */
.hd{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(5,5,15,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.brand{display:inline-flex;align-items:center}.brand img{height:24px;width:auto;display:block}
.hd nav{display:flex;gap:16px;align-items:center}.hd nav a{color:var(--fg);text-decoration:none;font-weight:600}
.hd .cartbtn{background:var(--red);color:#fff;border-radius:99px;padding:8px 18px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.more-cnt{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:#fff;color:var(--red);font-size:13px}
/* hero */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:6vw 5vw 5vw;min-height:78vh}
.hero h1{font-size:clamp(40px,7.5vw,104px);color:var(--red);letter-spacing:-.04em}
[dir=rtl] .hero h1{letter-spacing:0}
.hero p{max-width:34ch;font-size:19px;color:var(--mut);margin:22px 0 28px}
.cta,.button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.single_add_to_cart_button,#place_order{display:inline-block;background:var(--red)!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:14px 28px!important;font-weight:700!important;text-decoration:none;cursor:pointer;transition:transform .15s}
.cta:hover,.button:hover,.single_add_to_cart_button:hover{transform:scale(1.04)}
.cta:active,.button:active,button:active,.single_add_to_cart_button:active,.cartbtn:active{transform:scale(.94)!important}
.hero img.logo{width:100%;max-width:520px;justify-self:center;display:block;animation:spin 1.1s cubic-bezier(.2,.9,.2,1) both;filter:drop-shadow(0 30px 60px rgba(255,46,46,.25))}
@keyframes spin{from{transform:rotate(-12deg) scale(.6);opacity:0}}
.strip{background:var(--red);color:var(--ink);overflow:hidden;white-space:nowrap;transform:rotate(-1.5deg);margin:10px -2vw;direction:ltr}
.strip div{display:inline-block;padding:14px 0;font-family:'Unbounded',sans-serif;font-weight:900;font-size:26px;animation:mq 60s linear infinite}
.strip span{margin:0 18px}
/* sections */
.sec{padding:7vw 5vw}
.sec-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:30px}
.sec-head h2{font-size:clamp(30px,5vw,60px);margin:0}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{border:2px solid var(--red);border-radius:99px;padding:7px 18px;color:var(--fg);text-decoration:none}.tabs a:hover{background:var(--red)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}
.about p{font-size:20px;color:var(--mut);max-width:40ch}
.about .ol{width:100%;max-width:520px;display:block;margin-bottom:16px}
/* products (WooCommerce loop) */
.woocommerce ul.products,ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:0!important;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;position:relative;background:rgba(8,8,28,.6);border:2px solid rgba(255,46,46,.35);border-radius:24px;padding:14px;overflow:hidden;transition:transform .25s,border-color .25s;text-align:start}
.woocommerce ul.products li.product:hover{transform:scale(1.03);border-color:var(--red)}
.woocommerce ul.products li.product a img{border-radius:18px;aspect-ratio:4/5;object-fit:cover;object-position:center top;width:100%;margin:0 0 12px;display:block}
.woocommerce-loop-product__title{font-size:17px!important;color:var(--fg);padding:0!important}
.woocommerce .price,.woocommerce ul.products li.product .price{color:var(--fg)!important;font-weight:700;font-size:18px}
.woocommerce .price del{opacity:.55;font-weight:400;font-size:14px}.woocommerce .price ins{text-decoration:none}
.woocommerce span.onsale{position:absolute;top:24px;inset-inline-start:24px;inset-inline-end:auto;background:#fff;color:var(--red);border-radius:99px;font-weight:700;min-height:0;min-width:0;padding:4px 12px;line-height:1.4;margin:0}
.woocommerce ul.products li.product .button{margin-top:10px;padding:10px 18px!important}
/* single product */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:100%!important;margin:0}
.woocommerce div.product div.images img{border-radius:18px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .product_title{font-size:clamp(28px,4vw,44px)}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:24px}
.woocommerce-tabs ul.tabs{padding:0;display:flex;gap:10px;list-style:none;border:0}.woocommerce-tabs ul.tabs::before{display:none}
.woocommerce-tabs ul.tabs li{background:transparent;border:2px solid var(--red);border-radius:99px}.woocommerce-tabs ul.tabs li a{color:var(--fg)!important}
.woocommerce-tabs ul.tabs li.active{background:var(--red)}.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none}
table.variations{border:0;width:100%}table.variations td,table.variations th{display:block;padding:0 0 10px;border:0;background:none}
table.variations label{font-weight:700;color:var(--fg)}
.sw{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.sw .sz{min-width:48px;padding:8px 12px;border-radius:10px;border:2px solid rgba(255,46,46,.5);background:transparent;color:var(--fg);font-weight:700;cursor:pointer}
.sw .sz.on{background:var(--red);border-color:var(--red);color:#fff}.sw .sz.out{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.sw .cl{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.45);cursor:pointer;padding:0;position:relative;color:var(--fg);font-size:11px}
.sw .cl.on{outline:3px solid var(--red);outline-offset:2px}.sw .cl.out{opacity:.5;cursor:not-allowed}
.sw .cl.out::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,transparent 45%,#ff2e2e 45%,#ff2e2e 55%,transparent 55%)}
a.reset_variations{color:var(--mut);font-size:13px}
.woocommerce div.product form.cart .variations{margin-bottom:10px}
.woocommerce .quantity .qty{background:rgba(255,255,255,.08);border:2px solid rgba(255,46,46,.55);border-radius:10px;color:var(--fg);padding:10px;width:80px}
.stock.out-of-stock{color:var(--red);font-weight:700}
/* forms, cart, checkout, notices */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea{background:rgba(255,255,255,.08)!important;border:2px solid rgba(255,46,46,.6)!important;border-radius:12px!important;color:var(--fg)!important;padding:10px 12px;height:auto}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--fg)!important;line-height:1.6}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(255,46,46,.25);outline:none}
.woocommerce form .form-row label{color:var(--fg);font-weight:600}
.woocommerce table.shop_table,.woocommerce-checkout #payment,.woocommerce-cart .cart_totals,.woocommerce .woocommerce-customer-details address{background:rgba(8,8,28,.72);border:2px solid rgba(255,46,46,.4)!important;border-radius:18px;color:var(--fg)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:rgba(255,255,255,.12)!important;color:var(--fg)}
.woocommerce-checkout #payment ul.payment_methods{border-color:rgba(255,255,255,.15)}
.woocommerce-checkout #payment div.payment_box{background:rgba(255,255,255,.07);color:var(--fg);border-radius:12px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}
.woocommerce-info,.woocommerce-message,.woocommerce-error{background:rgba(8,8,28,.7)!important;color:var(--fg)!important;border:2px solid rgba(255,46,46,.5)!important;border-radius:14px;border-top-color:var(--red)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--red)!important}
#more_vc_status{color:var(--mut)}
.woocommerce-breadcrumb{display:none}
/* v1.1 fixes */
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:2px solid var(--red)!important;border-radius:99px!important;margin:0 8px 8px 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--fg)!important;padding:8px 18px!important;display:block}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--red)!important}
.woocommerce div.product .woocommerce-tabs .panel{background:rgba(8,8,28,.6);border-radius:18px;padding:18px;color:var(--fg)}
table.variations th{text-align:start}
.wc-block-cart__submit-button,.wc-block-components-button:not(.is-link),.wc-block-components-checkout-place-order-button{background:var(--red)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:700}
.wc-block-components-product-name,.wp-block-woocommerce-cart a{color:var(--fg)}
.woocommerce-result-count{display:none}
.woocommerce-ordering select{background:rgba(255,255,255,.08);color:var(--fg);border:2px solid rgba(255,46,46,.6);border-radius:12px;padding:8px 12px}
.woocommerce-ordering select option{color:#000}
.woo .tabs{margin-bottom:24px}
.woo h1.page-title{font-size:clamp(30px,5vw,60px)}
.woocommerce ul.products li.product a{display:block;position:relative}
.alt-img{position:absolute;top:0;left:0;right:0;aspect-ratio:4/5;opacity:0;transition:opacity .35s;border-radius:18px;overflow:hidden;pointer-events:none}
.alt-img img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover;object-position:center top;border-radius:0!important}
.woocommerce ul.products li.product:hover .alt-img{opacity:1}
.woocommerce div.product .woocommerce-product-gallery__image img{border-radius:18px}
/* v1.2 product cards */
.woocommerce ul.products li.product .pic{display:block;position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#0e0e22;margin:0 0 12px;touch-action:pan-y}
.pic .trk{position:absolute;top:0;bottom:0;left:0;display:flex;direction:ltr;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}
.pic .trk.drag{transition:none}
.pic .sl{display:block;height:100%;flex:0 0 auto}
.pic img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top;margin:0!important;border-radius:0!important;aspect-ratio:auto!important;display:block;-webkit-user-drag:none;user-select:none}
.pic .dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2;pointer-events:none}
.pic .dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.5);transition:width .3s,background .3s}.pic .dots i.on{width:20px;background:#fff}
.opts .sw{margin-top:8px}.opts .sw .sz{min-width:42px;padding:5px 10px;font-size:14px}.opts .sw .cl{width:28px;height:28px}
.woocommerce ul.products li.product .stk{color:var(--red);font-size:13px;font-weight:700;margin:6px 0 0;min-height:0}
.prow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.woocommerce ul.products li.product .prow .button{margin:0;padding:10px 16px!important}
.addv:disabled{opacity:.55;background:var(--mut)!important;cursor:not-allowed}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,200%);background:var(--fg);color:var(--ink);padding:12px 22px;border-radius:99px;font-weight:700;z-index:99;transition:transform .3s}
.toast.show{transform:translate(-50%,0)}
/* footer */
.ft{padding:44px 5vw calc(36px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;color:var(--mut);border-top:2px solid rgba(255,46,46,.3);margin-top:30px}
.ft img{height:26px;width:auto}
.soc{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.si{width:46px;height:46px;border-radius:50%;border:2px solid var(--red);display:grid;place-items:center;color:var(--fg);text-decoration:none;transition:transform .15s,background .2s}
.si:hover{background:var(--red);transform:scale(1.1)}.si:active{transform:scale(.92)!important}
.si svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fl{display:flex;gap:4px 22px;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;max-width:560px}.fl a{color:var(--mut);text-decoration:none;padding:6px 2px;display:inline-block}.fl a:hover{color:var(--red)}
/* scroll reveal */
.js .rv:not(.in){opacity:0}
.rv.in{animation:rv .75s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--d,0s)}
@keyframes rv{from{opacity:0;transform:translateY(32px)}}
@media(max-width:760px){.hero,.about,.woocommerce div.product{grid-template-columns:1fr}.hero{min-height:0}.hd nav a:not(.cartbtn){display:none}.brand img{height:16px}.woocommerce ul.products,ul.products{grid-template-columns:1fr 1fr;gap:12px}.woocommerce ul.products li.product{padding:8px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}