/* ===== 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}}

/* ===== fixes v2 ===== */
/* thank-you page: dark cards, readable text */
body:has(.thankyou-page-container){background:var(--ib-bg)!important}
.thankyou-page-container .cart-result-section .product-list .product-item,
.thankyou-page-container .cart-result-section .order-details,
.thankyou-page-container .cart-result-section .cart-bundles .bundle-top,
.upsell-page .upsell-form-submit{background:var(--ib-surface)!important;border:1px solid var(--ib-line)!important}
.thankyou-page-container,.thankyou-page-container *{color:var(--ib-text)}
.thankyou-page-container .product-item a,.thankyou-page-container .product-name{color:var(--ib-text)!important;text-decoration:none}
.thankyou-page-container [class*="price"]:not(del):not(s){color:var(--ib-orange)!important}
.thankyou-page-container del,.thankyou-page-container s,.thankyou-page-container .compare-at-price{color:var(--ib-muted)!important}
.thankyou-page-container hr,.thankyou-page-container .order-details *{border-color:var(--ib-line)!important}
.thankyou-page-container .order-details *:not([class*="price"]){color:#cfcfcf!important}

/* cart page */
body:has(.yc-cart){background:var(--ib-bg)!important}

/* order popup: dark scrollbars (no white strip) */
.yc-sticky-checkout .sticky-container,.yc-sticky-checkout .step_2,.yc-sticky-checkout .checkout-form,
.yc-sticky-checkout .step-2-wrapper,.cart-drawer{scrollbar-color:#3a3a3a var(--ib-surface);scrollbar-width:thin}
.yc-sticky-checkout ::-webkit-scrollbar,.cart-drawer::-webkit-scrollbar{width:8px;background:var(--ib-surface)}
.yc-sticky-checkout ::-webkit-scrollbar-thumb,.cart-drawer::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:8px}
.yc-sticky-checkout ::-webkit-scrollbar-track,.cart-drawer::-webkit-scrollbar-track{background:var(--ib-surface)}
.yc-sticky-checkout .sticky-container{background:var(--ib-surface)!important}
.yc-sticky-checkout .close-icon,.yc-sticky-checkout .close-icon *{color:var(--ib-text)!important;fill:var(--ib-text)!important;stroke:var(--ib-text)}


/* breadcrumbs, empty states, dropdowns */
.breadcrumbs-container .breadcrumbs-listings .second-listing,.empty-result .title,.empty-result .desciption{color:var(--ib-text)!important}
.dropdown-input .dropdown-content li{color:var(--ib-text)!important}
.dropdown-input .dropdown-content li:hover{background:var(--ib-surface-2)!important}
.yc-radio .yc-radio-buttons:hover .checkmark{background:var(--ib-surface-2)!important}

/* ===== product gallery v3 ===== */
.yc-single-product .product-images #img-zoomer-box{border:1px solid var(--ib-line)!important;background:var(--ib-surface)}
.yc-single-product .product-images .product-images-container .thumbnail-images .image-container{border-color:var(--ib-line)!important;opacity:.6;transition:opacity .2s}
.yc-single-product .product-images .product-images-container .thumbnail-images .image-container.active,
.yc-single-product .product-images .product-images-container .thumbnail-images .image-container:hover{border-color:var(--ib-orange)!important;opacity:1}
.yc-single-product .product-images .splide__arrow{background:var(--ib-orange)!important;border:0!important;border-radius:50%!important;opacity:1!important;box-shadow:none!important}
.yc-single-product .product-images .splide__arrow svg{fill:#fff!important}
/* phones/tablets: no hover zoom (it got stuck), square main photo, thumbnails in a row below */
@media (hover:none),(max-width:767px){
  .yc-single-product .product-images #img-zoomer-box:hover .main-image,
  .yc-single-product .product-images #img-zoomer-box:active .main-image{opacity:1!important}
  .yc-single-product .product-images #magnified-image{display:none!important}
  .yc-single-product .product-images #img-zoomer-box{cursor:default}
}
@media (max-width:767px){
  .yc-single-product .product-images .product-images-container{flex-direction:column!important;gap:10px}
  .yc-single-product .product-images .product-images-container .thumbnail-images{order:1;padding:0 40px!important;position:relative}
  .yc-single-product .product-images #img-zoomer-box{height:auto!important;aspect-ratio:1/1}
  .yc-single-product .product-images .main-image{object-fit:contain!important}
  .yc-single-product .product-images .product-images-container .splide__list{flex-direction:row!important;margin-inline-start:0!important}
  .yc-single-product .product-images .product-images-container .splide__arrow{width:32px!important;height:32px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;left:auto!important}
  .yc-single-product .product-images .product-images-container .splide__arrow--prev{left:0!important;right:auto!important}
  .yc-single-product .product-images .product-images-container .splide__arrow--next{right:0!important;left:auto!important}
}

/* ===== mobile photo viewer (tap to zoom) ===== */
.ib-lb{position:fixed;inset:0;z-index:10000;background:rgba(8,8,8,.97);display:none;align-items:center;justify-content:center;touch-action:pinch-zoom}
.ib-lb.open{display:flex}
.ib-lb img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom}
.ib-lb__close{position:fixed;top:14px;inset-inline-end:14px;width:46px;height:46px;border-radius:50%;border:0;
  background:var(--ib-orange);color:#fff;font-size:26px;line-height:46px;text-align:center;cursor:pointer;z-index:10001}
@media (hover:none),(max-width:767px){.yc-single-product .product-images #img-zoomer-box{cursor:zoom-in}}

/* ===== order popup desktop fix: right side transparent (no black block) ===== */
@media (min-width:768px){
  .yc-sticky-checkout .sticky-container,
  .yc-sticky-checkout .sticky-container .empty-spacer{background:transparent!important;box-shadow:none!important}
  .yc-sticky-checkout .sticky-container .step_2{background:var(--ib-surface)!important;border:1px solid var(--ib-line);box-shadow:0 -10px 40px rgba(0,0,0,.6)}
}

/* ===== v4: color/size choice inside the order popup ===== */
/* popup taller so photo + choices + form fit */
.yc-sticky-checkout{height:88vh!important}
@media (min-width:768px){
  .yc-sticky-checkout{height:82vh!important}
  .yc-sticky-checkout .sticky-container{max-height:780px!important}
}
.ib-popup-options{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--ib-line)}
.ib-popup-options .product-options{gap:18px!important}
.ib-popup-options .product-option-title{font-size:15px!important;margin-bottom:10px!important;color:var(--ib-text)!important}
/* choices are visible right below, so hide the duplicate summary in the product card (quantity stays) */
.step-2-wrapper:has(.ib-popup-options) .yc-product-card .selected-preview li:has(#selected-product-variants){display:none}

/* --- color as photos: thick orange border + check --- */
.yc-image-options-list{gap:12px!important}
.yc-image-options-list .yc-image-options-item{position:relative;width:78px!important;height:78px!important;padding:3px!important;
  border:2px solid var(--ib-line)!important;background:var(--ib-surface-2);transition:border-color .15s}
.yc-image-options-list .yc-image-options-item:hover{border-color:#5a5a5a!important}
.yc-image-options-list .yc-image-options-item.active{border:3px solid var(--ib-orange)!important;padding:2px!important}

/* --- color as dots: same treatment --- */
.yc-colors-select{gap:14px!important}
.yc-colors-select .color-item{position:relative;width:40px!important;height:40px!important;padding:3px!important;border:2px solid var(--ib-line)!important}
.yc-colors-select .color-item.active{border:3px solid var(--ib-orange)!important;padding:3px!important}

/* check badge on the selected color */
.yc-image-options-list .yc-image-options-item::after,
.yc-colors-select .color-item::after{content:"✓";position:absolute;top:-9px;inset-inline-end:-9px;width:22px;height:22px;border-radius:50%;
  background:var(--ib-orange);color:#fff;font-size:13px;font-weight:800;line-height:22px;text-align:center;
  box-shadow:0 0 0 2px var(--ib-surface);opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s;pointer-events:none}
.yc-image-options-list .yc-image-options-item.active::after,
.yc-colors-select .color-item.active::after{opacity:1;transform:scale(1)}

/* --- sizes: square boxes, orange when selected --- */
.yc-radio{display:flex!important;flex-wrap:wrap;gap:10px!important}
.yc-radio .yc-radio-buttons{min-width:58px;height:46px;padding:0 14px;justify-content:center;gap:0!important;
  border:2px solid var(--ib-line);background:var(--ib-surface-2);transition:border-color .15s,background .15s}
.yc-radio .yc-radio-buttons .checkmark{display:none!important}
.yc-radio .yc-radio-buttons .label-text{font-weight:700;font-size:15px;color:var(--ib-text)!important}
.yc-radio .yc-radio-buttons:hover{border-color:#5a5a5a}
.yc-radio .yc-radio-buttons.active{border-color:var(--ib-orange);background:var(--ib-orange)}
.yc-radio .yc-radio-buttons.active .label-text{color:#fff!important}

/* text buttons (if a product uses them) get the same look as sizes */
.yc-options-list .yc-options-item{min-width:58px;padding:12px 14px!important;text-align:center;font-weight:700;
  border:2px solid var(--ib-line)!important;background:var(--ib-surface-2);color:var(--ib-text)}
.yc-options-list .yc-options-item.active{border-color:var(--ib-orange)!important;background:var(--ib-orange);color:#fff}

/* dropdown options: don't overflow the popup on small phones */
.ib-popup-options .dropdown-input{min-width:0!important;width:100%!important;max-width:100%!important}

/* reviews count was black on black */
.yc-general-review .general-count{color:var(--ib-muted)!important}

/* desktop: page content no longer hidden behind the sticky order bar */
@media (min-width:768px){body:has(.sticky-elements-wrapper){padding-bottom:110px}}

/* ===== v5: no stars, no quantity, size guide everywhere ===== */
.yc-single-product .yc-general-review,
.yc-single-product .product-quantity{display:none!important}
/* popup product card: variants are below, quantity removed -> no summary list */
.yc-sticky-checkout .yc-product-card .selected-preview{display:none!important}

/* "I don't know my size" button */
.ib-size-help{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;cursor:pointer;
  background:transparent;border:1px dashed var(--ib-orange);color:var(--ib-text);font-size:14px;font-weight:600;font-family:inherit;line-height:1.3}
.ib-size-help u{color:var(--ib-orange);text-underline-offset:3px}
.ib-size-help:hover{background:rgba(255,90,0,.1)}
.ib-size-help--page{margin:12px 0 4px;border-style:solid;color:var(--ib-orange)}

/* size guide popup */
.ib-sg{position:fixed;inset:0;z-index:10005;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.8)}
.ib-sg.open{display:flex}
.ib-sg__box{position:relative;width:100%;max-width:760px;max-height:90vh;overflow-y:auto;background:var(--ib-surface);
  border:1px solid var(--ib-line);border-top:4px solid var(--ib-orange);padding:28px 20px 20px}
.ib-sg__x{position:absolute;top:10px;inset-inline-end:10px;width:38px;height:38px;border:0;border-radius:50%;
  background:var(--ib-surface-2);color:var(--ib-text);font-size:18px;cursor:pointer}
.ib-sg__content .ib-heading{font-size:clamp(20px,5vw,30px);padding-inline-end:40px}
.ib-sg__content .ib-heading-bar{margin:10px 0 20px}
.ib-sg__content .ib-size__grid{gap:24px}
.ib-sg__content .ib-size__steps{font-size:15px}
.ib-sg__content .ib-tape{transform:none}
.ib-sg__content .ib-tape__seg{padding:40px 2px 12px}
.ib-sg__actions{display:grid;gap:10px;margin-top:22px}
.ib-sg__back{min-height:50px;border:0;background:var(--ib-orange);color:#fff;font-weight:800;font-size:16px;font-family:inherit;cursor:pointer}
.ib-sg__back:hover{background:var(--ib-orange-dark)}
.ib-sg__back-order{display:none}
.ib-sg--from-order .ib-sg__back-order{display:inline}
.ib-sg--from-order .ib-sg__back-page{display:none}
.ib-sg__wa{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #25D366;color:#25D366!important;
  text-decoration:none;font-weight:700;font-size:14px}
.ib-sg__wa:hover{background:rgba(37,211,102,.1)}
@media (min-width:900px){.ib-sg__content .ib-size__grid{grid-template-columns:1fr!important}}

html{scroll-behavior:smooth}
#guide-tailles{scroll-margin-top:80px}