/* GHFS renk ozellestirmeleri */

:root {
    /* -------------------------------------------------------
       PRIMARY (Butonlar / kutucuklar): navbar rengi ile ayni
       Bu sayede "Browse Products" kutulari #002040 olur
    ------------------------------------------------------- */
    --color-primary-background: #002040;
    --color-primary-background-gradient-top: #002040;
    --color-primary-background-gradient-bottom: #002040;
    --color-primary-background-border: #002040;
    --color-primary-background-shadow: #000000;
    --color-primary-foreground: #ffffff;
    --color-primary-foreground-shadow: #000000;

    /* Primary - Active (hover/aktif) */
    --color-primary-active-background: #003060;
    --color-primary-active-background-gradient-top: #003060;
    --color-primary-active-background-gradient-bottom: #003060;
    --color-primary-active-background-border: #003060;
    --color-primary-active-background-shadow: #000000;
    --color-primary-active-foreground: #ffffff;
    --color-primary-active-foreground-shadow: #000000;

    /* -------------------------------------------------------
       SECONDARY (Navbar rengi)
    ------------------------------------------------------- */
    --color-secondary-background: #002040;
    --color-secondary-background-gradient-top: #002040;
    --color-secondary-background-gradient-bottom: #002040;
    --color-secondary-background-border: #20a0c0;
    --color-secondary-background-shadow: #000000;
    --color-secondary-foreground: #ffffff;
    --color-secondary-foreground-shadow: #000000;

    /* Secondary - Active */
    --color-secondary-active-background: #003060;
    --color-secondary-active-background-gradient-top: #003060;
    --color-secondary-active-background-gradient-bottom: #003060;
    --color-secondary-active-background-border: #20a0c0;
    --color-secondary-active-background-shadow: #000000;
    --color-secondary-active-foreground: #ffffff;
    --color-secondary-active-foreground-shadow: #000000;

    /* Link renkleri (teal kalsin) */
    --color-link: #20a0c0;
    --color-link-active: #187890;
}

/* GHFS Hosting'in siyah arka planini navy blue (mavi) yap */
.section-hero {
    background-color: #000080;
}

/* -------------------------------------------------------
   Prosper "Choose your service" baslik kutusu (headingstyle1)
   Arka plan navbar rengi olsun
------------------------------------------------------- */
.template-prosper .headingstyle1 h1,
.template-prosper .headingstyle1 h2,
.template-prosper .headingstyle1 h3,
.template-prosper .headingstyle1 h4,
.template-prosper .headingstyle1 h5,
.template-prosper .headingstyle1 h6 {
    background: #002040 !important;
    border-color: #002040 !important;
    color: #ffffff !important;
}

/* -------------------------------------------------------
   Footer koyu alan: navbar rengi
   (Prosper'da default text rengi hatali geldigi icin beyazliyoruz)
------------------------------------------------------- */
.template-prosper .footermain,
.template-prosper .footermain .footermain-background,
.template-prosper .footermain .footermain-background-inner,
.template-prosper .copyrightmain {
    background: #002040 !important;
    background-image: none !important;
}

.template-prosper .footermain,
.template-prosper .footermain a,
.template-prosper .footermain a:hover,
.template-prosper .copyrightmain,
.template-prosper .copyrightmain a,
.template-prosper .copyrightmain a:hover {
    color: #ffffff !important;
}

/* -------------------------------------------------------
   BUTONLAR: Prosper template butonlari zaten .color1 ile boyaniyor.
   Garanti olsun diye .color1'i de direkt override ediyoruz.
   (Browse Products kutucuklari buradan renk aliyor)
------------------------------------------------------- */
.template-prosper .color1,
.template-prosper .color1:active,
.template-prosper .color1:visited {
    background: #002040 !important;
    background-image: none !important;
    border-color: #002040 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.template-prosper .color1:hover,
.template-prosper .color1:focus {
    background: #003060 !important;
    background-image: none !important;
    border-color: #003060 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Domain search "SEARCH" butonu da primary ile ayni olsun */
.template-prosper .banner-domainsearch input[type="submit"] {
    background: #002040 !important;
    background-image: none !important;
    border-color: #002040 !important;
}

.template-prosper .banner-domainsearch input[type="submit"]:hover,
.template-prosper .banner-domainsearch input[type="submit"]:focus,
.template-prosper .banner-domainsearch input[type="submit"]:active {
    background: #003060 !important;
    background-image: none !important;
    border-color: #003060 !important;
}

/* =======================================================
   SADECE SLIDER BASLIGI + CHECK ICON RENKLERI (LOGO TEAL)
   Diger butonlara / header'a dokunmaz.
======================================================= */
.template-prosper .banner .banner-heading {
    color: #20a0c0 !important; /* logo rengi */
}

.template-prosper .banner .list ul li i {
    color: #20a0c0 !important; /* check iconlar logo rengi */
}