/* Corano theme — CMS overrides (loaded after style.css). */

/* Text logo fallback when no image logo is set */
.cms-text-logo { font-size: 26px; font-weight: 700; color: #222; letter-spacing: .5px; }
.mobile-logo .cms-text-logo,
.logo .cms-text-logo { line-height: 1; }

/* Keep product-price partial tidy inside Corano's .price-box */
.price-box .price-regular { color: var(--theme-primary); font-size: 18px; font-weight: 600; }
.price-box del { color: #888; margin-left: 6px; font-size: 15px; }
.price-box ins { text-decoration: none; }

/* Product card rating row */
.product-caption .ratings { margin-bottom: 6px; }
.product-caption .ratings .fa { color: var(--theme-primary); font-size: 13px; }

/* Ensure add-to-cart hover button is usable as a <button> */
.cart-hover .btn-cart { cursor: pointer; border: 0; }

/* Newsletter status message spacing */
#newsletterMsg small { display: inline-block; margin-top: 6px; }

/* Breadcrumb band spacing */
.breadcrumb-area { padding: 22px 0; background: #f6f6f6; margin-bottom: 40px; }
.breadcrumb-area .breadcrumb { margin: 0; background: transparent; padding: 0; }

/* Scroll-to-top uses theme accent */
.scroll-top { background: var(--theme-primary); }

/* ---- Colour × Size variant selector ---- */
.variant-selector-corano .option-title { margin-top: 15px; margin-bottom: 8px; text-transform: capitalize; }
.variant-selector-corano .color-categories { list-style: none; padding: 0; margin: 0 0 5px; display: flex; flex-wrap: wrap; gap: 10px; }
.variant-selector-corano .color-categories li a { display: inline-block; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #e1e1e1; box-shadow: inset 0 0 0 2px #fff; cursor: pointer; }
.variant-selector-corano .color-categories li a.active { border-color: #c29958; }
.variant-selector-corano .size-categories { list-style: none; padding: 0; margin: 0 0 5px; display: flex; flex-wrap: wrap; gap: 8px; }
.variant-selector-corano .size-categories li a { display: inline-block; min-width: 42px; text-align: center; padding: 6px 14px; border: 1px solid #ddd; border-radius: 3px; color: #333; font-size: 13px; cursor: pointer; transition: all .2s; }
.variant-selector-corano .size-categories li a:hover { border-color: #c29958; color: #c29958; }
.variant-selector-corano .size-categories li a.active { background: #c29958; border-color: #c29958; color: #fff; }

/* ---- Colour swatches on product cards ---- */
.product-caption .color-categories { list-style: none; padding: 0; margin: 6px 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.product-caption .color-categories li a { display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #ddd; }