/* ==========================================================================
   REGZA THEME — Yellow/Gold + Dark Navy on White
   Loaded AFTER the base template CSS so it can override colors/spacing.
   ========================================================================== */

:root {
    --regza-yellow: #F2B705;
    --regza-yellow-dark: #D9A400;
    --regza-navy: #1A2138;
    --regza-navy-light: #262F4D;
    --regza-teal: #157A6E;
    --regza-teal-dark: #0F5C53;
    --regza-ink: #1A2138;
    --regza-muted: #6B7280;
    --regza-border: #ECEDF1;
    --regza-bg: #FFFFFF;
    --regza-bg-soft: #F8F8FA;
    --regza-radius: 16px;
    --regza-radius-sm: 10px;
    --regza-font: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
}

body {
    font-family: var(--regza-font);
    background: var(--regza-bg);
    color: var(--regza-ink);
}

a {
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

/* ---------------------------------------------------------------------- */
/* Top utility bar                                                        */
/* ---------------------------------------------------------------------- */
.header__topbar-classic-bg {
    background: #eff7fb !important;
}

.header__topbar-classic {
    background: #eff7fb !important;
}

.topbar--classic {
    color: #EDEFF6;
}

.topbar--classic a {
    color: #C9CEDD !important;
}

.topbar--classic a:hover {
    color: var(--regza-yellow) !important;
}

/* ---------------------------------------------------------------------- */
/* Header                                                                  */
/* ---------------------------------------------------------------------- */
.site__header,
.header {
    background: var(--regza-bg);
}

.header__navbar {
    background: var(--regza-navy) !important;
}

.header__navbar-menu .main-menu__list>li>a {
    color: #EDEFF6 !important;
}

.header__navbar-menu .main-menu__list>li>a:hover,
.header__navbar-menu .main-menu__list>li.main-menu__item--active>a {
    color: var(--regza-yellow) !important;
}

.header__navbar-phone.phone .phone__title {
    color: #C9CEDD;
}

.header__navbar-phone.phone .phone__number {
    color: var(--regza-yellow);
    font-weight: 700;
}

.departments__button {
    background: var(--regza-yellow) !important;
    color: var(--regza-navy) !important;
    border-radius: var(--regza-radius-sm);
    font-weight: 700;
}

.departments__button svg,
.departments__button-icon svg,
.departments__button-arrow svg {
    fill: var(--regza-navy) !important;
}

.departments__button svg path,
.departments__button-icon svg path,
.departments__button-arrow svg path {
    fill: var(--regza-navy) !important;
}

.header__logo .logo__image img {
    filter: none;
}

.search__input {
    border: 2px solid var(--regza-border) !important;
    border-radius: 999px !important;
    background: var(--regza-bg-soft);
}

.search__input:focus {
    border-color: var(--regza-yellow) !important;
}

.search__button,
.search__button--end {
    background: var(--regza-navy) !important;
    border-radius: 10px !important;
}

.search__button svg,
.search__button-icon svg {
    fill: #fff !important;
}

.search__button svg path,
.search__button-icon svg path {
    fill: #fff !important;
}

/* ---------------------------------------------------------------------- */
/* Header indicators (account / wishlist / cart)                          */
/* ---------------------------------------------------------------------- */
.hdr-icon label .hdr-lbl,
.indicator__button .indicator__title,
.indicator__title {
    color: var(--regza-navy) !important;
    font-weight: 600;
}

.indicator__counter,
.mobile-menu__indicator-counter,
.mobile-indicator__counter {
    background: var(--regza-yellow) !important;
    color: var(--regza-navy) !important;
}

.indicator__counter:before {
    background-color: var(--regza-yellow) !important;
}

.indicator__value {
    color: var(--regza-teal) !important;
    font-weight: 700;
}

.indicator__icon,
.indicator__icon svg {
    fill: var(--regza-navy) !important;
}

.indicator__icon svg path {
    fill: var(--regza-navy) !important;
}

.indicator--open .indicator__button,
.indicator:hover .indicator__button {
    background: var(--regza-bg-soft) !important;
}

/* ---------------------------------------------------------------------- */
/* Hero / slideshow                                                        */
/* ---------------------------------------------------------------------- */
.block-slideshow__item {
    border-radius: var(--regza-radius);
    overflow: hidden;
}

.block-slideshow__item::before {
    background: linear-gradient(90deg, rgba(26, 33, 56, .75) 0%, rgba(26, 33, 56, .35) 55%, rgba(26, 33, 56, 0) 100%) !important;
}

.block-slideshow__item-title {
    color: #fff;
}

.block-slideshow__item-description {
    color: #E7E9F1;
}

.block-slideshow__item-button {
    display: inline-block;
    background: var(--regza-yellow);
    color: var(--regza-navy);
    font-weight: 800;
    padding: 12px 28px;
    border-radius: 999px;
    margin-top: 6px;
}

.block-slideshow__item-button:hover {
    background: var(--regza-yellow-dark);
}

/* ---------------------------------------------------------------------- */
/* Categories row                                                          */
/* ---------------------------------------------------------------------- */
.block-categories {
    background: var(--regza-bg);
}

.block-categories__title {
    color: var(--regza-navy);
    font-weight: 800;
}

.categories-list__item .image--type--category {
    background: var(--regza-bg-soft);
    border-radius: 20px;
    padding: 10px;
    transition: background .2s ease, transform .2s ease;
}

.categories-list__item:hover .image--type--category {
    background: #FCEFC2;
    transform: translateY(-3px);
}

.categories-list__item-name {
    color: var(--regza-navy);
    font-weight: 700;
}

/* ---------------------------------------------------------------------- */
/* Product cards                                                           */
/* ---------------------------------------------------------------------- */
.product-card {
    border-radius: var(--regza-radius);
    border: 1px solid var(--regza-border);
    background: #fff;
    overflow: hidden;
}

.product-card__name a {
    color: var(--regza-navy);
    font-weight: 700;
}

.tag-badge--new,
.tag-badge--hot {
    background: #6D3AE8 !important;
    color: #fff !important;
    border-radius: 999px;
}

/* rating stars are baked SVG data-URIs (already amber #ffd333 by default in stylear.css) — not fill/color-able */
.product-card__price--new,
.product-card__price--current {
    color: var(--regza-teal-dark);
    font-weight: 800;
}

.product-card__price--old {
    color: #B0B4C0;
    text-decoration: line-through;
}

.product-card__addtocart-icon,
.product-card__view-icon {
    background: var(--regza-teal);
    color: #fff;
    border-radius: 999px;
}

.product-card__addtocart-icon:hover {
    background: var(--regza-teal-dark);
}

.product-card__addtocart-icon svg {
    fill: #fff;
}

.product-card__action--wishlist svg path {
    fill: #B0B4C0;
}

.product-card__action--wishlist:hover svg path {
    fill: #E24B4A;
}

.section-header__title {
    color: var(--regza-navy);
    font-weight: 800;
}

.section-header__arrow .arrow__button {
    background: var(--regza-bg-soft);
    border-radius: 50%;
}

.section-header__arrow .arrow__button:hover {
    background: var(--regza-yellow);
}

/* ---------------------------------------------------------------------- */
/* Promo banners                                                           */
/* ---------------------------------------------------------------------- */
.block-banners__item {
    border-radius: var(--regza-radius);
    overflow: hidden;
    position: relative;
}

.block-banners__item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(26, 33, 56, .75) 0%, rgba(26, 33, 56, .15) 55%, rgba(26, 33, 56, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.block-banners__item-button {
    position: relative;
    z-index: 2;
    background: var(--regza-yellow) !important;
    color: var(--regza-navy) !important;
    border: none !important;
    border-radius: 999px;
    font-weight: 800;
}

.block-banners__item:nth-child(2) .block-banners__item-button {
    background: var(--regza-navy) !important;
    color: #fff !important;
}

/* ---------------------------------------------------------------------- */
/* Blog / posts carousel                                                   */
/* ---------------------------------------------------------------------- */
.post-card {
    border-radius: var(--regza-radius);
    overflow: hidden;
    border: 1px solid var(--regza-border);
    background: #fff;
}

.post-card__title h2 a {
    color: var(--regza-navy);
}

.post-card__date {
    color: var(--regza-muted);
}

.post-card__more a {
    color: var(--regza-teal-dark);
    font-weight: 700;
}

/* ---------------------------------------------------------------------- */
/* Trust-badges / features strip                                           */
/* ---------------------------------------------------------------------- */
.block-features--layout--bottom-strip {
    background: #eff7fb;
    border-radius: var(--regza-radius);
}

.block-features__item-icon svg path {
    fill: var(--regza-yellow);
}

.block-features__item-title {
    color: #fff;
    font-weight: 700;
}

.block-features__item-subtitle {
    color: #C9CEDD;
}

/* ---------------------------------------------------------------------- */
/* Footer                                                                   */
/* ---------------------------------------------------------------------- */
.site__footer,
.site-footer {
    background: var(--regza-navy);
    color: #C9CEDD;
}

.footer-links__title,
.footer-contacts__title,
.footer-newsletter__title {
    color: #fff;
}

.footer-links__link {
    color: #C9CEDD !important;
}

.footer-links__link:hover {
    color: var(--regza-yellow) !important;
}

.footer-newsletter__form-input {
    border-radius: 999px 0 0 999px;
    border: none;
}

.footer-newsletter__form-button {
    background: var(--regza-yellow) !important;
    color: var(--regza-navy) !important;
    font-weight: 800;
    border-radius: 0 999px 999px 0;
}

.site-footer__bottom {
    background: #141A2E;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.site-footer__copyright {
    color: #9AA1B8;
}

/* ---------------------------------------------------------------------- */
/* Buttons / misc                                                          */
/* ---------------------------------------------------------------------- */
.block-finder__form-control--button {
    background: var(--regza-navy) !important;
    color: #fff !important;
    border-radius: 999px;
}

/* ---------------------------------------------------------------------- */
/* Product card                                                            */
/* ---------------------------------------------------------------------- */
.product-card {
    background: #fff;
    border: 1px solid var(--regza-border);
    border-radius: var(--regza-radius-sm);
    padding: 14px;
    position: relative;
}

.product-card__actions-list {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
}

.product-card__action--wishlist svg path {
    stroke: var(--regza-muted);
}

.product-card__badges {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
}

.tag-badge--hot {
    background: #6C4EE3;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 999px;
}

.product-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    margin-bottom: 10px;
}

.product-card__image .image__tag {
    max-height: 140px;
    object-fit: contain;
}

.product-card__meta {
    display: none;
}

.product-card__name a {
    color: var(--regza-ink);
    font-weight: 600;
    font-size: 14px;
}

.product-card__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
}

.product-card__rating-stars .rating__body {
    display: flex;
    gap: 2px;
}

.product-card__rating-stars .rating__star {
    width: 12px;
    height: 12px;
    background: var(--regza-yellow);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.product-card__rating-label {
    font-size: 12px;
    color: var(--regza-muted);
}

.product-card__footer {
    margin-top: 10px;
}

.product-card__prices {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}

.product-card__price--new {
    font-size: 18px;
    font-weight: 800;
    color: var(--regza-ink);
}

.product-card__price--old {
    font-size: 13px;
    text-decoration: line-through;
    color: var(--regza-muted) !important;
}

.product-card__view-icon {
    display: none !important;
}

.product-card__addtocart-icon {
    width: 100%;
    height: 40px;
    gap: 8px;
    background: var(--regza-teal) !important;
    color: #fff !important;
    border-radius: var(--regza-radius-sm);
    font-weight: 700;
    font-size: 13px;
}

.product-card__addtocart-icon svg {
    fill: #fff;
    width: 16px;
    height: 16px;
}

.product-card__addtocart-icon:hover {
    background: var(--regza-teal-dark) !important;
}

/* ---------------------------------------------------------------------- */
/* Mega menu (category dropdown)                                          */
/* ---------------------------------------------------------------------- */
.main-menu__megamenu {
    padding: 20px 24px;
    border-radius: 0 0 var(--regza-radius-sm) var(--regza-radius-sm);
    box-shadow: 0 10px 30px rgba(26, 33, 56, .12);
}

.main-menu__megamenu .megamenu {
    width: 640px;
    max-width: 90vw;
}

.main-menu__megamenu .megamenu > .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 32px;
    margin: 0;
}

.main-menu__megamenu .megamenu > .row > [class*="col-"] {
    width: auto;
    max-width: none;
    padding: 0;
    flex: none;
}

.main-menu__megamenu .megamenu-links--root {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--regza-border);
}

.main-menu__megamenu .megamenu-links--root:last-child,
.main-menu__megamenu .row > [class*="col-"]:nth-last-child(-n+2) .megamenu-links--root {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.main-menu__megamenu .megamenu-links__item-link {
    color: var(--regza-ink);
    font-weight: 700;
}

.main-menu__megamenu .megamenu-links:not(.megamenu-links--root) .megamenu-links__item-link {
    color: var(--regza-muted);
    font-weight: 500;
}

.main-menu__megamenu .megamenu-links:not(.megamenu-links--root) .megamenu-links__item-link:hover {
    color: var(--regza-teal);
}