/* =====================================================================
   Rotus Center — özel/site-geneli CSS override'ları
   Tema (theme.min.css) vendor dosyasıdır, elle düzenlenmez; site-geneli
   özelleştirmeler bu dosyada toplanır.
   Sayfaya özel veya koşullu (ör. mobil alt bar, filtre butonu) stiller
   ilgili view içinde kalır.
   ===================================================================== */

/* --- Marka paleti override: tema primary (pembe #f55266) -> amber/altın --- */
:root,[data-bs-theme=light],[data-bs-theme=dark]{
  --cz-primary:#f5a623;
  --cz-primary-rgb:245,166,35;
  --cz-link-color:#c8860f;
  --cz-link-hover-color:#a96f0a;
}
.btn-primary{
  --cz-btn-color:#1a1d21;--cz-btn-bg:#f5a623;--cz-btn-border-color:#f5a623;
  --cz-btn-hover-color:#1a1d21;--cz-btn-hover-bg:#e0991c;--cz-btn-hover-border-color:#e0991c;
  --cz-btn-active-color:#1a1d21;--cz-btn-active-bg:#d98e15;--cz-btn-active-border-color:#d98e15;
  --cz-btn-focus-shadow-rgb:245,166,35;
}
.btn-outline-primary{
  --cz-btn-color:#c8860f;--cz-btn-border-color:#f5a623;
  --cz-btn-hover-color:#1a1d21;--cz-btn-hover-bg:#f5a623;--cz-btn-hover-border-color:#f5a623;
  --cz-btn-active-color:#1a1d21;--cz-btn-active-bg:#f5a623;--cz-btn-active-border-color:#f5a623;
}
.text-bg-primary{background-color:#f5a623!important;color:#1a1d21!important;}
.link-primary{color:#c8860f!important;}
.link-primary:hover,.link-primary:focus{color:#a96f0a!important;}

/* --- İç sayfa başlık (sub-header) siyah-sarı marka arka planı --- */
.rc-subhero{
  background:radial-gradient(120% 140% at 88% 50%,rgba(245,166,35,.22) 0%,rgba(245,166,35,0) 55%),linear-gradient(110deg,#0b0c0f 0%,#15171c 52%,#201b0e 100%);
  border-bottom:3px solid #f5a623;
}
.rc-subhero .rc-eyebrow-line{display:inline-block;width:42px;height:3px;background:#f5a623;border-radius:3px;margin-bottom:1rem;}
.rc-subhero h1{color:#fff;}
.rc-subhero p{color:rgba(255,255,255,.75);}
.rc-subhero .breadcrumb{margin-bottom:0;}
.rc-subhero .breadcrumb-item,.rc-subhero .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.5);}
.rc-subhero .breadcrumb-item a{color:rgba(255,255,255,.7);text-decoration:none;}
.rc-subhero .breadcrumb-item a:hover{color:#f5a623;}
.rc-subhero .breadcrumb-item.active{color:#fff;}

/* --- Üye giriş/kayıt/şifre sayfaları için marka renkli ince başlık şeridi --- */
.rc-authhead{
  background:linear-gradient(110deg,#0b0c0f 0%,#15171c 55%,#201b0e 100%);
  border-bottom:3px solid #f5a623;
}
.rc-authhead h1{color:#fff;font-weight:700;letter-spacing:.2px;}
.rc-authhead p{color:rgba(255,255,255,.7);margin-bottom:0;}

/* --- Marka ikon dairesi (iletişim kartları + kurumsal kutular) --- */
.rc-icon-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:56px;height:56px;background:rgba(var(--cz-primary-rgb),.14);color:var(--cz-link-color);}
.rc-icon-circle-lg{width:72px;height:72px;}
.rc-icon-circle>i{font-size:1.5rem;line-height:1;}
.rc-icon-circle-lg>i{font-size:2rem;}

/* --- Mağaza sayfaları (ürün listeleme/detay/arama): açık gri zemin --- */
.rc-shop-body{background-color:#f5f6f8;}
@media (min-width:992px){
  #filterSidebar{height:100%;border-right:1px solid var(--cz-border-color,#e9ecef);padding-right:1.5rem;}
  #filterSidebar .offcanvas-body{height:100%;display:block;overflow:visible;}
  .rc-filter-panel{position:sticky;top:1.5rem;}
}

/* --- Footer arka planını sayfa gövdesinden ayır --- */
.footer{background-color:#15171c;border-top:3px solid #f5a623;}
.footer,.footer .nav-link,.footer p,.footer .text-body-secondary,.footer .text-dark-emphasis{color:#c7cbd1!important;}
.footer h5,.footer h6,.footer .h5,.footer .h6,.footer .accordion-button{color:#fff!important;}
.footer .nav-link:hover,.footer a:not(.btn):hover{color:#f5a623!important;}
.footer .btn-outline-secondary{--cz-btn-color:#c7cbd1;--cz-btn-border-color:rgba(255,255,255,.25);--cz-btn-hover-color:#1a1d21;--cz-btn-hover-bg:#f5a623;--cz-btn-hover-border-color:#f5a623;}
.footer .btn-outline-secondary:hover{color:#1a1d21!important;}
.footer .form-control{background-color:#1f2228;border-color:rgba(255,255,255,.15);color:#fff;}
.footer .form-control::placeholder{color:#8a8f98;}
.footer .border-top,.footer [class*="border-"]{border-color:rgba(255,255,255,.12)!important;}

/* --- Ödeme sayfası: mobilde numaralı adım rozetini içeriğin üstüne al --- */
@media (max-width:575.98px){
  .chk-step{flex-direction:column;}
  .chk-num{margin-bottom:.6rem;margin-top:0!important;}
  .chk-body{padding-left:0!important;}
}

/* --- Header: logo, mobil kategori toggle, sepet rozeti --- */
.site-logo{height:40px;max-width:160px;width:auto;}
@media (min-width:992px){ .site-logo{height:48px;max-width:200px;} }
.mobile-cat-toggle,
.mobile-cat-toggle:hover,
.mobile-cat-toggle:focus,
.mobile-cat-toggle:active{color:#e0991c !important;text-decoration:none !important;box-shadow:none !important;}
.mobile-products-toggle .mobile-cat-icon{color:#e0991c;}
.mobile-products-item .mobile-cat-icon{transition:transform .2s ease;}
.mobile-products-item [aria-expanded="true"] .mobile-cat-icon{transform:rotate(180deg);}
.basket-badge-count{min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;line-height:1;border-radius:999px;}

/* --- Sağ alt "renk kodunu biliyor musun?" dock (masaüstü, site-geneli) --- */
@property --rc-ang{syntax:'<angle>';initial-value:0deg;inherits:false;}
.rc-cc-dock{position:fixed;right:24px;bottom:24px;z-index:1031;padding:3px;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.22);background:conic-gradient(from var(--rc-ang),#ff004c,#ff8a00,#ffe600,#00d26a,#00b3ff,#7c4dff,#ff0080,#ff004c);animation:rc-cc-spin 4s linear infinite;}
.rc-cc-card{background:#fff;border-radius:15px;padding:.85rem 1rem .95rem;}
.rc-cc-q{display:block;text-align:center;font-size:.86rem;font-weight:800;color:#1a1d21;margin-bottom:.6rem;}
.rc-cc-opts{display:flex;gap:.55rem;}
.rc-cc-opt{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1rem;border-radius:11px;text-decoration:none;font-size:.9rem;font-weight:700;line-height:1.1;color:#fff;white-space:nowrap;transition:transform .15s ease,filter .15s ease;}
.rc-cc-opt i{font-size:1.15rem;flex:0 0 auto;}
.rc-cc-yes{background:#f5a623;}
.rc-cc-no{background:#0d6efd;}
.rc-cc-opt:hover{transform:translateY(-2px);filter:brightness(1.06);}
@keyframes rc-cc-spin{to{--rc-ang:360deg;}}
@supports not (background:conic-gradient(from 0deg,#000,#fff)){
  .rc-cc-dock{background:#f5a623;animation:none;}
}
@media (prefers-reduced-motion:reduce){.rc-cc-dock{animation:none;}}

/* WhatsApp eklenti butonu masaüstünde diğer fixed elemanların altında kalmasın */
.floating-wpp{z-index:1031;}

/* GLightbox (video/galeri) arka planı: tam siyah yerine yarı saydam koyu */
.glightbox-clean .goverlay,.goverlay{background:rgba(0,0,0,.78)!important;}

/* Rötuş picker kit adımı altındaki aksiyon butonları (Diğer Ürünler / Sepete Git): mobilde de yan yana */
.rc-after-add-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;width:100%;}
.rc-after-add-actions .btn{flex:1 1 0;min-width:0;white-space:nowrap;padding-left:.6rem;padding-right:.6rem;}
@media (max-width:575.98px){
  .rc-after-add-actions .btn{font-size:.85rem;}
}

/* --- Ürün detay: mobilde daha kompakt üst blok ---
   Açıklama mobilde gizli (d-none d-md-block); başlık ve boşluklar kısaltılır
   ki araç/renk seçimi ve sepete-ekle daha yukarıda kalsın. --- */
@media (max-width:767.98px){
  .rc-pd-info .rc-pd-title{font-size:1.15rem;line-height:1.3;margin-bottom:.35rem;}
  .rc-pd-info .h4{font-size:1.35rem;}
  .rc-pd-info .mt-4{margin-top:.75rem!important;}
  .rc-pd-info .mb-4{margin-bottom:.75rem!important;}
}

/* --- Rötuş araç seçim kutusu: mobil-dostu selectler ---
   min-height ile dokunma alanı büyütülür; font-size:16px iOS'ta focus'ta
   otomatik zoom'u engeller (native picker en iyi mobil UX'i verir). --- */
#vehicle_select_box .rc-vsel{min-height:48px;font-size:16px;line-height:1.4;}
#vehicle_select_box .form-label{font-weight:600;margin-bottom:.25rem;}
#vehicle_select_box .form-select{background-position:right .9rem center;padding-right:2.4rem;}

/* --- Ürün detay galerisi: mobil kaydırmalı slider + video slide --- */
.rc-gallery__slide{width:100%;}
.rc-gallery__play{width:60px;height:60px;background:rgba(0,0,0,.55);color:#fff;font-size:2.1rem;pointer-events:none;transition:background .2s ease;}
.rc-gallery__slide--video:hover .rc-gallery__play{background:#c00;}
.rc-gallery__vlabel{background:rgba(17,17,17,.72);border-radius:50rem;padding:4px 12px;font-size:.78rem;font-weight:600;pointer-events:none;}
.rc-thumb__play{width:26px;height:26px;background:rgba(0,0,0,.55);color:#fff;font-size:1rem;pointer-events:none;}
.rc-gallery__dots{position:static;margin-top:.75rem;}
.rc-gallery__dots .swiper-pagination-bullet{width:7px;height:7px;background:#cfcfcf;opacity:1;transition:width .2s ease,background .2s ease;}
.rc-gallery__dots .swiper-pagination-bullet-active{width:20px;border-radius:50rem;background:#c00;}