/* ===== IROBIKE brand layer (dark asphalt + signal orange) ===== */
:root{
  --ib-bg:#0E0E0E; --ib-surface:#171717; --ib-surface-2:#1F1F1F; --ib-line:#2B2B2B;
  --ib-orange:#FF5A00; --ib-orange-dark:#D94C00; --ib-text:#F2F2F2; --ib-muted:#A3A3A3;
  --ib-display:'Russo One', var(--yc-font-family);
  --yc-neutral-color:#F2F2F2; --yc-neutral-light-color:#2B2B2B;
}
html,body{background:var(--ib-bg)!important;color:var(--ib-text)}
body,.main-content{background:var(--ib-bg)!important}
a{color:inherit}
h1,h2,h3,.title,.section-title,.multi-column-title,.product-name,.yc-single-product .product-title{color:var(--ib-text)!important}

/* signature: the 12° slant taken from the logo */
.ib-slant{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.ib-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 34px;
  font-weight:800;font-size:16px;text-decoration:none;border:0;cursor:pointer;transition:background .2s,color .2s}
.ib-btn--primary{background:var(--ib-orange);color:#fff}
.ib-btn--primary:hover{background:var(--ib-orange-dark)}
.ib-btn--ghost{background:#F2F2F2;color:#0E0E0E}
.ib-btn--ghost:hover{background:#fff}
.ib-btn:focus-visible,.ib-tile:focus-visible{outline:3px solid var(--ib-orange);outline-offset:3px}

/* generic surfaces */
.yc-product-card,.cart-drawer,.cart-drawer .header,.cart-drawer .footer,.yc-cart .cart-table .table-container .cart__item,
.yc-cart .cart-table .summary-box #summary,.express-checkout-fields,#express-checkout-form,#bundle-express-checkout-form,
.yc-sticky-checkout .step_2,.sticky-elements-wrapper .sticky-elements-container,.dropdown-input .dropdown-content,
.cart-bundle-group .bundle-item-row,.yc-featured-products .counter-wrapper,.yc-upload,
.yc-sticky-checkout .cta-bottom-wrapper{background:var(--ib-surface)!important;border-color:var(--ib-line)!important;color:var(--ib-text)!important}
.yc-cart body,.yc-cart{background:var(--ib-bg)!important}
.yc-product-card *,.yc-cart *,.cart-drawer *,.breadcrumbs-container *,.empty-result *,
.quantity-field .decrement-button,.quantity-field .increment-button,.yc-cart .quantity-wrapper button{color:var(--ib-text)!important}
.yc-cart .quantity-wrapper input,.quantity-field .quantity-input{background:var(--ib-surface-2)!important;color:var(--ib-text)!important}

/* inputs (order form) */
input,select,textarea{background:var(--ib-surface-2)!important;color:var(--ib-text)!important;border-color:var(--ib-line)!important}
input::placeholder,textarea::placeholder{color:#7d7d7d!important}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--ib-orange)!important;outline:none}

/* product page */
.yc-single-product .product-details .product-price,.yc-single-product .price,.product-price .price,.currency-value{color:var(--ib-orange)!important;font-family:var(--ib-display)}
.yc-single-product .product-details .product-title{font-family:var(--ib-display);letter-spacing:.3px}
.yc-radio .yc-radio-buttons .checkmark{background:var(--ib-surface-2)!important;border-color:var(--ib-line)!important}
.yc-radio .yc-radio-buttons input[type=radio]:checked + .checkmark{border-color:var(--ib-orange)!important}
.yc-radio .yc-radio-buttons input[type=radio]:checked + .checkmark:after{background:var(--ib-orange)!important}
.yc-textual-item{border-color:var(--ib-line)!important}
.yc-textual-item.selected,.yc-textual-item:hover{border-color:var(--ib-orange)!important;color:var(--ib-orange)!important}

/* product cards in listings: slanted orange tag + lift */
.product-card .tag,.yc-product .tag,[class*="product"] .tag{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.product-card img,.yc-product img{transition:transform .35s ease}
.product-card:hover img,.yc-product:hover img{transform:scale(1.04)}

/* section headings get the orange speed bar */
.ib-heading{font-family:var(--ib-display);font-size:clamp(26px,4vw,40px);line-height:1.15;margin:0 0 10px}
.ib-heading-bar{display:block;width:120px;height:8px;background:var(--ib-orange);margin:12px 0 28px;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
[dir=rtl] .ib-heading-bar{margin-inline-start:0}

/* floating WhatsApp */
.ib-wa{position:fixed;bottom:22px;inset-inline-start:22px;z-index:60;width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ib-wa svg{width:30px;height:30px;fill:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
