/* ================================================
   NİĞDE MEDİKAL – Özel Renk Paleti & Stil
   ================================================ */

:root {
    --nm-primary: #0A5EB0;
    /* Koyu mavi – ana renk */
    --nm-secondary: #1AAB5F;
    /* Yeşil – CTA, vurgular */
    --nm-accent-bg: #E8F4FE;
    /* Açık mavi – arka plan blokları */
    --nm-dark: #1A2B4A;
    /* Başlık yazıları */
    --nm-gray: #F5F7FA;
    /* Gri arka plan */
    --nm-white: #FFFFFF;
    --nm-border: #D9E8F5;
    --nm-text: #4A5568;
    --nm-success: #22C55E;
    --nm-warning: #F59E0B;
}

/* ── Ana Renk Geçişleri ── */
a,
.color-main,
.ct-main-color {
    color: var(--nm-primary) !important;
}

.btn-main,
.ct-btn-primary,
button[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--nm-primary) !important;
    border-color: var(--nm-primary) !important;
    color: var(--nm-white) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: background 0.25s ease, transform 0.15s ease !important;
}

.btn-main:hover,
.ct-btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #0849a0 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(10, 94, 176, 0.30) !important;
}

/* CTA / İkincil butonlar – Yeşil */
.btn-secondary-nm,
.woocommerce .cart .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--nm-secondary) !important;
    border-color: var(--nm-secondary) !important;
    color: var(--nm-white) !important;
}

/* ── Header ── */
#masthead,
.site-header,
.ct-header-layout-1 .header-main {
    background-color: var(--nm-white) !important;
    border-bottom: 2px solid var(--nm-border) !important;
    box-shadow: 0 2px 12px rgba(10, 94, 176, 0.08) !important;
}

.main-navigation a,
.ct-menu>li>a {
    color: var(--nm-dark) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.main-navigation a:hover,
.ct-menu>li>a:hover,
.ct-menu>li.current-menu-item>a {
    color: var(--nm-primary) !important;
}

/* ── Hero / Banner ── */
.ct-hero-section,
.banner-section,
[class*="hero"] {
    background: linear-gradient(135deg, var(--nm-primary) 0%, #1e88e5 60%, var(--nm-secondary) 100%) !important;
}

.ct-hero-section h1,
.banner-section h1 {
    color: var(--nm-white) !important;
    font-size: clamp(2rem, 4vw, 3.2rem) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

/* ── Ürün Kartları (WooCommerce) ── */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    border: 1px solid var(--nm-border) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: box-shadow 0.25s ease, transform 0.25s ease !important;
    background: var(--nm-white) !important;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 8px 28px rgba(10, 94, 176, 0.15) !important;
    transform: translateY(-4px) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--nm-dark) !important;
}

.woocommerce ul.products li.product .price {
    color: var(--nm-primary) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.woocommerce ul.products li.product .price ins {
    color: var(--nm-secondary) !important;
}

/* ── Kategori Blokları ── */
.product-category a,
.woocommerce ul.products li.product-category a {
    border-radius: 12px !important;
}

.woocommerce ul.products li.product-category h2,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    background: var(--nm-primary) !important;
    color: var(--nm-white) !important;
    padding: 8px 12px !important;
    border-radius: 0 0 10px 10px !important;
    font-size: 14px !important;
    text-align: center !important;
}

/* ── Fiyat Rozeti (İndirim) ── */
.woocommerce span.onsale {
    background-color: var(--nm-warning) !important;
    color: var(--nm-white) !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
}

/* ── Footer ── */
.site-footer,
.ct-footer {
    background-color: var(--nm-dark) !important;
    color: #CBD5E0 !important;
}

.site-footer a,
.ct-footer a {
    color: #90CDF4 !important;
}

.site-footer a:hover,
.ct-footer a:hover {
    color: var(--nm-white) !important;
}

.site-footer .widget-title,
.ct-footer .widget-title {
    color: var(--nm-white) !important;
    border-bottom: 2px solid var(--nm-primary) !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
}

/* ── WhatsApp Butonu (Sabit) ── */
.nm-whatsapp-btn {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    z-index: 9999 !important;
    background: #25D366 !important;
    color: var(--nm-white) !important;
    border-radius: 50px !important;
    padding: 12px 20px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 18px rgba(37, 211, 102, 0.45) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    animation: nm-pulse 2.5s infinite !important;
}

.nm-whatsapp-btn:hover {
    transform: scale(1.07) !important;
    box-shadow: 0 6px 24px rgba(37, 211, 102, 0.60) !important;
    color: var(--nm-white) !important;
}

@keyframes nm-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* ── Sayfa Başlıkları ── */
.ct-page-title,
.page-title-section {
    background: linear-gradient(90deg, var(--nm-primary), #1e88e5) !important;
}

.ct-page-title h1,
.page-title-section h1 {
    color: var(--nm-white) !important;
}

/* ── Arama Kutusu ── */
.search-form input[type="search"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: var(--nm-primary) !important;
    box-shadow: 0 0 0 3px rgba(10, 94, 176, 0.15) !important;
    outline: none !important;
}

/* ── Duyuru Bandı (Varsa) ── */
.ct-top-bar,
.header-top-bar {
    background-color: var(--nm-primary) !important;
    color: var(--nm-white) !important;
    font-size: 13px !important;
}

.ct-top-bar a,
.header-top-bar a {
    color: var(--nm-white) !important;
}

/* ── Mobil Uyum ── */
@media (max-width: 768px) {
    .nm-whatsapp-btn span {
        display: none !important;
    }

    .nm-whatsapp-btn {
        padding: 14px !important;
        border-radius: 50% !important;
    }
}