/**
* Theme Name: Nurfia Child
* Description: This is a child theme of Nurfia, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: nurfia
* Version: 1.0.1
*/

/* ── Yisel Jewelry logo fixes ───────────────────────────────────────────────── */

/*
 * Header inner is exactly 86px tall (--main-height-desktop).
 * At width:180px the logo renders ~93px tall and bleeds outside.
 * max-height:80px keeps it comfortably inside with a few px of breathing room.
 * width:auto lets the image scale proportionally from the height constraint.
 * max-width:210px is a ceiling so the logo never grows wider than intended.
 */
.site-header .site-brand img {
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
    max-width: 210px;
    object-fit: contain;
}

/* Mobile header is 60px tall — keep logo inside */
@media (max-width: 768px) {
    .site-header .site-brand img,
    .site-drawer .site-brand img {
        max-height: 46px !important;
        width: auto !important;
        max-width: 160px;
    }
}

/* ── Footer color ────────────────────────────────────────────────────────── */

/*
 * Override the default black footer with Yisel Jewelry brand color.
 * The footer is built from two rows: .footer-widgets and .footer-copyright,
 * both driven by --footer-row-background. The logo strip uses a direct
 * background-color so it also needs its own override.
 */
.footer-widgets,
.footer-copyright {
    --footer-row-background: #552621;
    --footer-row-muted-background: #6b3029;
    --footer-row-border: rgba(255, 255, 255, 0.12);
    --footer-row-form-border: #6b3029;
}


/* ── Footer copyright bar with centered logo ─────────────────────────────── */

.site-footer .footer-copyright .yisel-copyright-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.site-footer .footer-copyright .yisel-copyright-text,
.site-footer .footer-copyright .yisel-copyright-spacer {
    flex: 1;
}

.site-footer .footer-copyright .yisel-copyright-spacer {
    /* mirrors the text column width so the logo stays perfectly centered */
}

.site-footer .footer-copyright .yisel-footer-logo {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.site-footer .footer-copyright .yisel-footer-logo img {
    display: block;
    max-height: 70px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
}

/* ── Brand color palette overrides ──────────────────────────────────────── */

/*
 * All Nurfia widget PHP files hardcode rose/red palette colors.
 * These overrides remap every affected widget to the Yisel brand palette:
 *   Primary:      #552621  (dark wine)
 *   Secondary:    #6b3029  (medium burgundy)
 *   Light accent: #f3e9e7  (blush rose)
 */

/* nurfia-banner-box2 — "Crafted Just for You" style banners
 * Default: cream bg (#faf5f2) + rose-600 title (rgb 225,29,72)
 * Fix:     blush bg + brand dark title
 */
.elementor-widget-nurfia-banner-box2 .site-banner-content {
    --bg-custom: #f3e9e7 !important;
}
.elementor-widget-nurfia-banner-box2 .site-banner-content .entry-title {
    color: #552621 !important;
}

/* nurfia-text-banner — scrolling/highlight banners
 * Default: rose-50 bg + rose-600 fg + #cb6e75 muted
 * Fix:     blush bg + brand dark fg + brand secondary muted
 */
.elementor-widget-nurfia-text-banner .site-text-banner {
    --text-banner-background: #f3e9e7 !important;
    --text-banner-foreground: #552621 !important;
    --text-banner-muted:      #6b3029 !important;
}

/* nurfia-testimonial-carousel — review / quote blocks
 * Default: off-white cream bg (#fbf8f5)
 * Fix:     brand light blush
 */
.elementor-widget-nurfia-testimonial-carousel .bg-custom {
    --bg-custom: #f3e9e7 !important;
}

/* ── Team section ────────────────────────────────────────────────────────── */

/*
 * Circular avatar — increased to 130px for more visual presence.
 */
.team-avatar .elementor-widget-image img {
    border-radius: 50%;
    width: 250px !important;
    height: 250px !important;
    object-fit: cover;
    border: 3px solid #f3e9e7;
    box-shadow: 0 4px 16px rgba(85, 38, 33, 0.10);
}

/*
 * Department label — bigger, with a subtle brand-colored rule underneath
 * so each group has a clear, elegant header.
 */
.yisel-dept-label .elementor-heading-title {
    font-size: 22px !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    color: #552621 !important;
    padding-bottom: 10px;
    border-bottom: 2px solid #f3e9e7;
    display: inline-block;
}

/*
 * Phone tap-to-call link — inherits the muted gray style, no underline
 * on desktop; on touch devices it behaves as a native phone link.
 */
.team-phone a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s;
}
.team-phone a:hover {
    color: #552621;
}

/* ── Footer copyright bar with centered logo ─────────────────────────────── */

@media (max-width: 768px) {
    .site-footer .footer-copyright .yisel-copyright-bar {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    .site-footer .footer-copyright .yisel-copyright-spacer {
        display: none;
    }
    .site-footer .footer-copyright .yisel-footer-logo img {
        max-height: 54px;
    }
}