.elementor-kit-9{--e-global-color-primary:#071726;--e-global-color-secondary:#0C63B0;--e-global-color-text:#536173;--e-global-color-accent:#F0801A;--e-global-color-dkgece2:#0B2138;--e-global-color-dkmaviacik:#00A0E1;--e-global-color-dkkagit:#F5F7F9;--e-global-color-dkcizgi:#DCE3EA;--e-global-color-dkbaslik:#10202F;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-letter-spacing:-0.025em;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:0.14em;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#F0801A;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:15px 28px 15px 28px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:#DE7212;color:#FFFFFF;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== DEKORAL — global marka uyumu (Elementor Kit > Custom CSS) ===== */
:root{--dk-gece:#071726;--dk-gece-2:#0B2138;--dk-turuncu:#F0801A;--dk-mavi:#0C63B0;
      --dk-cizgi:#DCE3EA;--dk-metin:#10202F;}

/* --- Woodmart ust serit: varsayilan yesil -> marka lacivert --- */
.whb-top-bar,.whb-top-bar .wd-nav>li>a,.whb-top-bar .wd-tools-element>a{
  background-color:var(--dk-gece)!important;color:rgba(255,255,255,.75)!important;
}
.whb-top-bar a:hover{color:#fff!important}

/* --- ana header serisi --- */
.whb-main-header{border-bottom:1px solid var(--dk-cizgi)}
.whb-general-header .wd-nav-main>li>a{
  font-family:'Inter',Arial,sans-serif!important;font-weight:500!important;
  font-size:14.5px!important;letter-spacing:0!important;text-transform:none!important;
  color:var(--dk-metin)!important;
}
.whb-general-header .wd-nav-main>li>a:hover,
.whb-general-header .wd-nav-main>li.current-menu-item>a{color:var(--dk-mavi)!important}

/* alt menuler */
.wd-dropdown-menu{border:1px solid var(--dk-cizgi);border-radius:6px;
  box-shadow:0 20px 50px rgba(7,23,38,.14)}
.wd-dropdown-menu .wd-sub-menu li>a{font-size:14px!important;text-transform:none!important}

/* --- tema vurgu rengi: yesil -> turuncu --- */
.color-primary,.wd-buy-now-btn,.btn-color-primary,
.woodmart-button-primary,.button.alt,.wd-el-title:after{color:var(--dk-turuncu)!important}
.btn.btn-color-primary,.button.alt,
.woocommerce-button.button,.wd-buy-now-btn{
  background-color:var(--dk-turuncu)!important;color:#fff!important;
}

/* --- B2B sitede vitrin araclarini sessizlestir (sepet/istek listesi) --- */
.whb-column .wd-tools-element.wd-header-wishlist,
.whb-column .wd-tools-element.wd-header-compare{display:none!important}

/* --- footer --- */
.wd-footer{background-color:var(--dk-gece)!important;color:rgba(255,255,255,.62)}
.wd-footer a{color:rgba(255,255,255,.62)}
.wd-footer a:hover{color:#fff}


/* --- Logo: tema ayari panelden girilene kadar CSS ile marka logosu --- */
.wd-header-logo img,.whb-column .wd-logo img,.site-logo img{
  content:url('https://coralboya.com.tr/wp-content/uploads/2026/08/dekoral-logo.webp')!important;max-height:38px!important;width:auto!important;
}

/* --- B2B: magaza vitrini araclarini gizle (giris/sepet/istek listesi) --- */
.whb-column .wd-header-my-account,
.whb-column .wd-header-cart,
.whb-column .wd-header-wishlist,
.whb-column .wd-header-compare{display:none!important}

/* --- Woodmart ust serit metnini sessizlestir, kendi iletisim satirimiz gecerli --- */
.whb-top-bar .wd-content-layout > .wd-header-text:first-child{display:none}

/* --- Header'a marka CTA hissi: menu sagina bosluk --- */
.whb-general-header .wd-nav-main{margin-inline:auto}


/* --- Woodmart demo metni yerine gercek iletisim satiri --- */
.whb-top-bar .wd-header-text,.whb-top-bar .whb-text-element{font-size:0!important}
.whb-top-bar .wd-header-text::after,.whb-top-bar .whb-text-element::after{
  content:'+90 312 354 8 777   \00B7   info@dekoralboya.com.tr   \00B7   Kahramankazan / Ankara';
  font-family:'Inter',Arial,sans-serif;font-size:13px;letter-spacing:.01em;
  color:rgba(255,255,255,.75);white-space:nowrap;
}
@media (max-width:768px){
  .whb-top-bar .wd-header-text::after,.whb-top-bar .whb-text-element::after{
    content:'+90 312 354 8 777';font-size:12px;
  }
}

/* --- Anasayfada bos sayfa-baslik bandini kaldir --- */
.dk-wp .page-title,.dk-wp .wd-page-title,.dk-wp .title-size-default,
.dk-wp .page-title-default,.dk-wp .title-shop{display:none!important}

/* --- Hero'nun ustunde bosluk kalmasin --- */
.dk-wp .main-page-wrapper{padding-top:0!important}
.dk-wp .site-content{margin-bottom:0!important}


/* --- Menu rengi: Woodmart yesili -> marka lacivert/mavi (genis secici) --- */
.wd-nav-main > li > a,
.wd-nav-main > li > a .nav-link-text,
.whb-row .wd-nav > li > a,
.whb-row .wd-nav > li > a .nav-link-text{
  color:#10202F!important;font-family:'Inter',Arial,sans-serif!important;
  font-weight:500!important;font-size:14.5px!important;letter-spacing:0!important;
  text-transform:none!important;
}
.wd-nav-main > li > a:hover,
.wd-nav-main > li > a:hover .nav-link-text,
.wd-nav-main > li.current-menu-item > a .nav-link-text{color:#0C63B0!important}
.wd-nav-main > li > a .nav-link-text:after{background-color:#F0801A!important}

/* alt menu ogeleri */
.wd-dropdown .wd-sub-menu li > a,
.wd-dropdown .wd-sub-menu li > a .nav-link-text{
  color:#536173!important;font-size:14px!important;text-transform:none!important;
}
.wd-dropdown .wd-sub-menu li > a:hover,
.wd-dropdown .wd-sub-menu li > a:hover .nav-link-text{color:#0C63B0!important}

/* arama ikonu ve diger tema vurgu ogeleri */
.wd-tools-element > a{color:#10202F!important}



/* ==========================================================================
   TAM GENISLIK — yalniz ANASAYFA govdesinde.
   Woodmart icerik sarmalayicisi sayfayi ~1200px kutuya hapsediyordu.
   DIKKAT: header/footer container'ina ve Elementor'un boxed genisligine
   (--container-max-width) DOKUNULMAZ; aksi halde icerik kenara yapisiyor.
   ========================================================================== */
.dk-wp .site-content,
.dk-wp .main-page-wrapper{
  max-width:100%!important;width:100%!important;
  padding-left:0!important;padding-right:0!important;
}
.dk-wp .site-content > .container,
.dk-wp .main-page-wrapper > .container{
  max-width:100%!important;width:100%!important;
  padding-left:0!important;padding-right:0!important;
}
.dk-wp .site-content{margin-top:0!important}

/* --- Butonlar yan yana, icerik genisliginde --- */
.dk-btn-kabi{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  gap:14px!important;align-items:center;justify-content:flex-start;
}
.dk-btn-kabi > .elementor-widget-button{width:auto!important;flex:0 0 auto!important}
.dk-btn-kabi .elementor-widget-container,
.dk-btn-kabi .elementor-button-wrapper{width:auto!important}
.dk-btn-kabi .elementor-button{width:auto!important;display:inline-flex!important}

/* --- Menu: marka lacivert --- */
.wd-nav-main > li > a .nav-link-text,
.whb-row .wd-nav > li > a .nav-link-text{color:#10202F!important}
.wd-nav-main > li > a:hover .nav-link-text{color:#0C63B0!important}

/* --- Bolum icerigi 1280px'de ortalansin (arka plan tam genislik kalir) ---
   Woodmart sarmalayicisi serbest birakilinca Elementor'un boxed inner'i
   devreye girmedi; olcuyu burada acikca veriyoruz. */
.dk-wp .elementor .e-con.e-con-boxed > .e-con-inner,
.dk-wp .elementor > .e-con > .e-con-inner{
  max-width:1280px!important;margin-inline:auto!important;width:100%;
}
/* tam genislik olmasi gereken seritler haric */
.dk-wp .dk-stil-blogu > .e-con-inner{max-width:none!important}

/* yan nefes payi: dar ekranlarda icerik kenara yapismasin */
@media (max-width:1360px){
  .dk-wp .elementor .e-con.e-con-boxed > .e-con-inner{
    padding-left:28px!important;padding-right:28px!important;
  }
}

/* --- Menu ile hero arasindaki bos bant --- */
.dk-wp .wd-page-content,
.dk-wp .site-content,
.dk-wp .main-page-wrapper{padding-top:0!important;margin-top:0!important}
.home .wd-page-title,.home .page-title{display:none!important}
.dk-wp .elementor > .e-con:first-child{min-height:0}

/* --- Menu-hero arasindaki 60px: Woodmart main dolgusu (40px) + stil blogu kabi (20px) --- */
.dk-wp main.wd-content-layout,
.dk-wp .wd-content-layout.content-layout-wrapper{padding-top:0!important}
.dk-stil-blogu{display:none!important}

/* --- Woodmart varsayilan footer'i gizle: odeme ikonlari + 'WooCommerce Themes'
       yazisi B2B boya sitesine alakasiz. Yerine kendi footer bolumumuz var. --- */
.wd-footer,.site-footer,footer.footer-container{display:none!important}

/* --- IC SAYFALAR: icerik kabi .site-content degil main.wd-content-layout ve
       uzerinde max-width:1222px var; hero/koyu bolumler tam genislige
       yayilamiyordu. --- */
.dk-wp main.wd-content-layout,
.dk-wp .wd-content-layout.content-layout-wrapper{
  max-width:100%!important; width:100%!important;
  padding-left:0!important; padding-right:0!important;
}
/* breadcrumb bandi: ic sayfalarda kalsin ama marka rengine cekilsin */
body.dk-wp .wd-page-title,body.dk-wp .page-title{
  background-color:#0B2138!important; background-image:none!important;
  padding:0!important; min-height:0!important; height:auto!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.dk-wp .wd-page-title .container{ padding-block:13px!important; min-height:0!important }
body.dk-wp .wd-page-title .entry-title{ display:none!important }
body.dk-wp .breadcrumbs,body.dk-wp .wd-page-title .breadcrumbs{
  font-family:'JetBrains Mono',monospace!important; font-size:11px!important;
  letter-spacing:.1em!important; color:rgba(255,255,255,.45)!important; margin:0!important;
}
body.dk-wp .breadcrumbs a{ color:rgba(255,255,255,.62)!important }


/* === CLS duzeltmesi (coral-tasima 2026-08-28) ===
   Header logosu tema dosyasindan geliyor, loading="lazy" ve content:url() ile
   degistiriliyor -> yuklenene kadar yer ayrilmiyor, sayfa zipliyor.
   Kutuyu pesinen sabitle. */
.wd-header-logo img,
.whb-column .wd-logo img,
.site-logo img{
  height:38px!important; width:auto!important;
  aspect-ratio:598/140; max-width:none!important;
}
.wd-header-logo,.whb-column .wd-logo,.site-logo{ min-height:38px }
.whb-row,.whb-general-header-inner{ min-height:64px }
/* Sayfa basligi/breadcrumb bandi: yuksekligi sabit kalsin */
body.dk-wp .wd-page-title{ min-height:44px }

/* === Font yiginlarina metrik-esitlenmis yedegi ekle (coral-tasima) ===
   html:root, sayfa icindeki :root'tan daha ozgul -> ozel ozellikleri ezer. */
html:root{
  --dk-baslik:'Archivo','Yedek Archivo','Helvetica Neue',Arial,sans-serif;
  --dk-mono:'JetBrains Mono','Yedek Mono',Menlo,monospace;
}/* End custom CSS */