/* ==========================================================================
   MAGIC PINK/PURPLE THEME OVERRIDE
   For iQiT-Commerce Warehouse theme
   Paste this entire file into: Design > Theme & Logo > Add CSS
   OR replace the contents of /themes/warehouse/assets/css/custom.css
   -------------------------------------------------------------------------
   Palette reference (matches the "make my yay" logo):
     Coral   #FF6F59  -> primary actions (buttons, links, add to cart)
     Rose    #F2637F  -> hover / secondary accent
     Lavender #B98BC9 -> secondary elements, muted accents
     Gold    #FFB238  -> flags, badges, highlights
     Plum    #4A2E4F  -> dark text accents (headings, active nav)
   ========================================================================== */

:root{
  --primary:#FF6F59;
  --secondary:#B98BC9;
  --warning:#FFB238;
  --magic-hover:#E8543F;
  --magic-plum:#4A2E4F;
  --magic-rose:#F2637F;
  --magic-focus-ring:rgba(255,111,89,.25);
  --swiper-theme-color:#FF6F59;
}

/* ---- Global links ---- */
a{ color:#FF6F59; }
a:hover{ color:#E8543F; }

/* ---- Primary buttons (Add to cart, checkout, submit, etc.) ---- */
.btn-primary{
  color:#fff;
  background-color:#FF6F59;
  border-color:#FF6F59;
}
.btn-primary:hover{
  background-color:#E8543F;
  border-color:#DE4C38;
}
.btn-primary.focus,
.btn-primary:focus{
  box-shadow:0 0 0 .2rem rgba(255,111,89,.5);
}
.btn-primary.disabled,
.btn-primary:disabled{
  background-color:#FF6F59;
  border-color:#FF6F59;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
  background-color:#DE4C38;
  border-color:#D2432F;
}

/* ---- Outline primary buttons ---- */
.btn-outline-primary{
  color:#FF6F59;
  border-color:#FF6F59;
}
.btn-outline-primary:hover{
  color:#fff;
  background-color:#FF6F59;
  border-color:#FF6F59;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus{
  box-shadow:0 0 0 .2rem rgba(255,111,89,.5);
}

/* ---- Secondary buttons ---- */
.btn-secondary{
  color:#fff;
  background-color:#B98BC9;
  border-color:#B98BC9;
}
.btn-secondary:hover{
  background-color:#A671B8;
  border-color:#9E67AF;
}
.btn-secondary.focus,
.btn-secondary:focus{
  box-shadow:0 0 0 .2rem rgba(185,139,201,.5);
}

/* ---- Warning (used for badges / alert accents) ---- */
.btn-warning{
  color:#212529;
  background-color:#FFB238;
  border-color:#FFB238;
}
.btn-warning:hover{
  background-color:#FFA512;
  border-color:#FF9E06;
}
.badge-warning{
  background-color:#FFB238;
}
.alert-warning{
  color:#8a5a12;
  background-color:#fff2de;
  border-color:#ffe9c6;
}

/* ---- Utility classes (text/bg/border-primary) ---- */
.text-primary{ color:#FF6F59 !important; }
a.text-primary:focus, a.text-primary:hover{ color:#E8543F !important; }
.bg-primary{ background-color:#FF6F59 !important; }
a.bg-primary:focus, a.bg-primary:hover,
button.bg-primary:focus, button.bg-primary:hover{ background-color:#E8543F !important; }
.border-primary{ border-color:#FF6F59 !important; }

/* ---- Badges ---- */
.badge-primary{ background-color:#FF6F59; }
a.badge-primary:focus, a.badge-primary:hover{ background-color:#E8543F; }

/* ---- Checkboxes / radios (checked state) ---- */
.custom-control-input:checked~.custom-control-label::before{
  border-color:#FF6F59;
  background-color:#FF6F59;
}
.custom-control-input:focus~.custom-control-label::before{
  box-shadow:0 0 0 .2rem rgba(255,111,89,.25);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
  border-color:#f7b7ac;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{
  border-color:#FF6F59;
  background-color:#FF6F59;
}

/* Warehouse's own custom radio/checkbox (product variants, filters) */
.color.active, .color:hover,
.custom-checkbox input[type=checkbox]+span.color.active,
.custom-checkbox input[type=checkbox]+span.color:hover,
.facet-label.active .custom-checkbox span.color,
.facet-label:hover .custom-checkbox span.color,
.radio-label.active, .radio-label:hover{
  border:2px solid #FF6F59;
}
.product-variants .input-color:checked+span,
.product-variants .input-color:hover+span,
.product-variants .input-radio:checked+span,
.product-variants .input-radio:hover+span{
  border:2px solid #FF6F59;
}

/* ---- Form focus states ---- */
.form-control:focus{
  border-color:#f7b7ac;
  box-shadow:none;
}
.custom-select:focus{
  border-color:#f7b7ac;
  box-shadow:0 0 0 .2rem rgba(255,111,89,.5);
}

/* ---- Pagination ---- */
.page-link{ color:#FF6F59; }
.page-link:hover{ color:#E8543F; }
.page-link:focus{ box-shadow:0 0 0 .2rem rgba(255,111,89,.25); }
.page-item.active .page-link{
  background-color:#FF6F59;
  border-color:#FF6F59;
}

/* ---- Dropdowns / lists ---- */
.dropdown-item.active,
.dropdown-item:active{
  background-color:#FF6F59;
}
.list-group-item.active{
  background-color:#FF6F59;
  border-color:#FF6F59;
}

/* ---- Product flags (New, Sale, etc.) ---- */
li.product-flag{
  background:#FF6F59;
}

/* ---- Tabs (product info, account nav) - was hardcoded "red" ---- */
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover{
  border-bottom:1px solid #FF6F59;
}
.nav-tabs .nav-link.active{
  border-bottom:1px solid #FF6F59;
}

/* ---- Progress bar (was background:red on the track) ---- */
.progress{
  background:#f3e3f0;
}
.progress-bar{
  background-color:#FF6F59;
}

/* ---- Range slider (price filter, etc.) ---- */
.custom-range::-webkit-slider-thumb{ background-color:#FF6F59; }
.custom-range::-webkit-slider-thumb:active{ background-color:#f7b7ac; }
.custom-range::-moz-range-thumb{ background-color:#FF6F59; }
.custom-range::-moz-range-thumb:active{ background-color:#f7b7ac; }
.custom-range::-ms-thumb{ background-color:#FF6F59; }
.custom-range::-ms-thumb:active{ background-color:#f7b7ac; }
.custom-range:focus::-webkit-slider-thumb{ box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(255,111,89,.25); }
.custom-range:focus::-moz-range-thumb{ box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(255,111,89,.25); }
.custom-range:focus::-ms-thumb{ box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(255,111,89,.25); }

/* ---- Quantity stepper on product pages ---- */
.bootstrap-touchspin .group-span-filestyle .btn-default,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default{
  background:#FF6F59;
}

/* ---- Newsletter subscribe popup ---- */
.ns-box{
  background:#FF6F59;
}
.ns-box-danger{
  background-color:#fdecec !important;
  color:#a94442 !important;
}

/* ---- Search autocomplete highlight ---- */
.autocomplete-suggestion b{
  color:#FF6F59;
}

/* ---- Loading spinners (facets, quickview, infinite scroll) ---- */
.loader-1{
  border:.4em solid rgba(255,111,89,.25);
  border-top:.4em solid #FF6F59;
}
.loader-2,
.loader-2:before,
.loader-2:after{
  background:rgba(255,111,89,.35);
}
@keyframes loader-2{
  50%{ background:#FF6F59; }
}

/* Full-page loading overlay - tint to cream instead of stark white */
#page-preloader{
  background:#FFF7F0;
}

/* Bootstrap spinner components (used in some AJAX states) */
.spinner-border,
.spinner-grow{
  color:#FF6F59;
}