@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.hayirlokmacisi.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.3") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Gilroy Medium", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(63,63,63);
	--wd-text-font-size: 16px;
	--wd-title-font: "Gilroy Bold", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Gilroy Bold", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Gilroy - Normal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Gilroy Bold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Gilroy Bold", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #a30100;
	--wd-alternative-color: rgb(242,149,0);
	--btn-default-bgcolor: rgb(163,1,0);
	--btn-default-bgcolor-hover: rgb(163,1,0);
	--btn-accented-bgcolor: rgb(163,1,0);
	--btn-accented-bgcolor-hover: rgb(163,1,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(241,235,223);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1350px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1350px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(241,235,223);
}

@font-face {
	font-family: "Gilroy - Normal";
	src: url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Regular.woff2") format("woff2"), 
url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Gilroy Semi-Bold";
	src: url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-SemiBold.woff2") format("woff2"), 
url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-SemiBold.woff") format("woff");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Gilroy Medium";
	src: url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Medium.woff2") format("woff2"), 
url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Medium.woff") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Gilroy Bold";
	src: url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Bold.woff2") format("woff2"), 
url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Bold.woff") format("woff");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Gilroy Light";
	src: url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Light.woff2") format("woff2"), 
url("//www.hayirlokmacisi.com/wp-content/uploads/2025/10/Gilroy-Light.woff") format("woff");
	font-weight: 200;
	font-display:swap;
	font-style: normal;
}

/* =========================================================
   HAYIR LOKMACISI - GLOBAL CSS
   TEMIZ FINAL SURUM
========================================================= */


/* =========================================================
   1. SABIT TELEFON + WHATSAPP
========================================================= */

.hl-floating-contact{
    position:fixed;
    right:18px;
    bottom:22px;
    z-index:99999;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.hl-floating-contact a{
    width:54px;
    height:54px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 16px rgba(0,0,0,.22);
    transition:transform .2s ease;
}

.hl-floating-contact a:hover{
    transform:translateY(-2px);
}

.hl-floating-contact svg{
    width:27px;
    height:27px;
    fill:#fff;
}

.hl-float-whatsapp{
    background:#25D366;
}

.hl-float-phone{
    background:#b40000;
}

@media (max-width:767px){
    .hl-floating-contact{
        right:14px;
        bottom:18px;
    }

    .hl-floating-contact a{
        width:52px;
        height:52px;
    }
}


/* =========================================================
   2. ANA RENKLER VE OKUNABILIRLIK
========================================================= */

body{
    color:#393532;
}

/* Küçük bölüm üst başlıkları */
.title-subtitle.subtitle-color-default{
    color:#403c38 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
}

/* Başlık altı açıklamalar */
.title-after_title,
.title-after_title p{
    color:#393532 !important;
    font-size:18px !important;
    line-height:1.70 !important;
}


/* =========================================================
   3. H1 - H2 - H3 - H4
========================================================= */

.site-content h1,
.site-content h1.woodmart-title-container{
    color:#201d1a !important;
    font-size:46px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:-.5px;
}

.site-content h2,
.site-content h2.woodmart-title-container{
    color:#201d1a !important;
    font-size:36px !important;
    line-height:1.20 !important;
    font-weight:700 !important;
    letter-spacing:-.35px;
}

.site-content h3{
    color:#201d1a !important;
    font-size:27px;
    line-height:1.28;
    font-weight:700;
}

.site-content h4{
    color:#201d1a !important;
    font-size:22px;
    line-height:1.35;
    font-weight:700;
}


/* =========================================================
   4. MASAUSTU ANA MENU
========================================================= */

.wd-nav-main > li > a,
.wd-nav-main > li > a .nav-link-text{
    color:#201d1a !important;
    font-size:16px !important;
    font-weight:700 !important;
}

.wd-nav-main > li.current-menu-item > a,
.wd-nav-main > li.current-menu-item > a .nav-link-text,
.wd-nav-main > li:hover > a,
.wd-nav-main > li:hover > a .nav-link-text{
    color:#A30100 !important;
}

/* Açılır alt menüler */
.wd-nav-main .wd-sub-menu a{
    color:#393532 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:600;
}

.wd-nav-main .wd-sub-menu a:hover{
    color:#A30100 !important;
}


/* =========================================================
   5. BUTONLAR
========================================================= */

.site-content .btn,
.site-content .elementor-button{
    font-size:17px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}

/* Telefon / WhatsApp CTA */
a.btn.btn-color-alt[href*="wa.me"],
a.btn.btn-color-alt[href^="tel:"]{
    background:#A30100 !important;
    color:#fff !important;
    border-color:#A30100 !important;
}

a.btn.btn-color-alt[href*="wa.me"]:hover,
a.btn.btn-color-alt[href^="tel:"]:hover{
    background:#870000 !important;
    color:#fff !important;
    border-color:#870000 !important;
}


/* =========================================================
   6. FIYAT PAKETLERI - KONTRAST
========================================================= */

.hl-kicker{
    color:#4b4641 !important;
}

.hl-old{
    color:#59534e !important;
}

.hl-pp{
    color:#4b4641 !important;
}

.hl-features li{
    color:#393532;
}


/* =========================================================
   7. HIZMET BOLGELERI
========================================================= */

.hl-district-chip{
    color:#201d1a !important;
}

.hl-district-chip span{
    color:#49443f !important;
}


/* =========================================================
   8. BLOG / YAZAR
========================================================= */

.article-body-container a.author,
.article-body-container .author{
    color:#403c38 !important;
}


/* =========================================================
   9. KIRMIZI VIDEO BOLUMU
========================================================= */

.site-content .elementor-element-6583464d .title-subtitle{
    color:rgba(255,255,255,.88) !important;
    font-size:16px !important;
    font-weight:600 !important;
}

.site-content .elementor-element-6583464d h2.woodmart-title-container,
.site-content .elementor-element-6583464d .woodmart-title-container,
.site-content .elementor-element-6583464d .title-after_title,
.site-content .elementor-element-6583464d .title-after_title p,
.site-content .elementor-element-6583464d .title-after_title strong{
    color:#ffffff !important;
}


/* =========================================================
   10. SSS - KIRMIZI BOLUM
========================================================= */

.site-content .elementor-element-23089534 .title-subtitle{
    color:rgba(255,255,255,.88) !important;
    font-weight:600 !important;
}

.site-content .elementor-element-23089534 h2.woodmart-title-container,
.site-content .elementor-element-23089534 .woodmart-title-container,
.site-content .elementor-element-23089534 .title-after_title,
.site-content .elementor-element-23089534 .title-after_title p,
.site-content .elementor-element-23089534 .title-after_title strong{
    color:#ffffff !important;
}


/* =========================================================
   11. KIRMIZI GUVEN / AVANTAJ BOLUMU
========================================================= */

.site-content .elementor-element-1299aef .info-box-title,
.site-content .elementor-element-1299aef .info-box-inner,
.site-content .elementor-element-1299aef .info-box-inner p{
    color:#ffffff !important;
}

.site-content .elementor-element-1299aef .info-box-title{
    font-weight:700 !important;
}

.site-content .elementor-element-1299aef .info-box-inner p{
    color:rgba(255,255,255,.94) !important;
}
/* =========================================================
   SEYYAR LOKMACI ARACI - BLOG KABUGUNU KALDIR
   SADECE POST ID 30957
========================================================= */

/* WoodMart üst blog başlığı / kategori / başlık / meta */
body.single-post.postid-30957 .wd-page-title,
body.single-post.postid-30957 .wd-single-post-header,
body.single-post.postid-30957 .post-title-large-image,
body.single-post.postid-30957 .meta-post-categories,
body.single-post.postid-30957 .wd-entry-meta{
    display:none !important;
}

/* Eski WoodMart tekil yazı yapısı */
body.single-post.postid-30957 article.post-single-page > .article-inner > .post-title,
body.single-post.postid-30957 article.post-single-page > .article-inner > .entry-meta,
body.single-post.postid-30957 article.post-single-page > .article-inner > header.entry-header{
    display:none !important;
}

/* Öne çıkan görsel - sadece yazının otomatik getirdiği görsel */
body.single-post.postid-30957 article.post-single-page > .article-inner > header.entry-header .entry-thumbnail,
body.single-post.postid-30957 article.post-single-page > .article-inner > header.entry-header .wp-post-image{
    display:none !important;
}@media (max-width: 576px) {
	/* =========================================================
   HAYIR LOKMACISI - MOBIL CSS
   Temiz Final Surum
========================================================= */


/* =========================================================
   1. MOBIL HEADER - MENU
========================================================= */

.wd-header-mobile-nav > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    min-width:102px !important;
    height:48px !important;
    padding:0 16px !important;

    background:#b40000 !important;
    color:#fff !important;

    border-radius:26px !important;
    box-shadow:0 4px 12px rgba(180,0,0,.18) !important;
}

.wd-header-mobile-nav .wd-tools-icon{
    width:27px !important;
    height:27px !important;
}

.wd-header-mobile-nav .wd-tools-icon:before{
    font-size:27px !important;
    color:#fff !important;
}

.wd-header-mobile-nav .wd-tools-text{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    font-size:15px !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:#fff !important;
    text-transform:uppercase !important;
}


/* =========================================================
   2. ACILAN MOBIL MENU
========================================================= */

.mobile-nav{
    width:90vw !important;
    max-width:380px !important;
}

.mobile-nav .wd-nav-mobile > li > a{
    min-height:58px !important;
    padding:16px 20px !important;

    font-size:19px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}

.mobile-nav .wd-sub-menu a{
    padding:14px 22px !important;

    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
}

.mobile-nav .current-menu-item > a{
    color:#b40000 !important;
}


/* =========================================================
   3. GENEL MOBIL OKUNABILIRLIK
========================================================= */

.site-content p,
.site-content li,
.site-content .wd-text-block,
.site-content .elementor-widget-text-editor{
    font-size:18px !important;
    line-height:1.70 !important;
}


/* =========================================================
   4. BASLIK HIERARSISI
========================================================= */

.site-content h1{
    font-size:34px !important;
    line-height:1.16 !important;
    font-weight:700 !important;
    letter-spacing:-.3px !important;
}

.site-content h2{
    font-size:29px !important;
    line-height:1.20 !important;
    font-weight:700 !important;
    letter-spacing:-.2px !important;
}

.site-content h3{
    font-size:24px !important;
    line-height:1.28 !important;
    font-weight:700 !important;
}

.site-content h4{
    font-size:21px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}


/* =========================================================
   5. BOLUM BASLIKLARI
========================================================= */

.site-content .title-subtitle{
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
}

.site-content .title-after_title,
.site-content .title-after_title p{
    font-size:18px !important;
    line-height:1.68 !important;
}


/* =========================================================
   6. GENEL BUTONLAR
========================================================= */

.site-content .btn,
.site-content .elementor-button{
    font-size:17px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}


/* =========================================================
   7. GOOGLE YORUMLARI
========================================================= */

.ti-widget .ti-name{
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}

.ti-widget .ti-review-content{
    font-size:18px !important;
    line-height:1.62 !important;
}

.ti-widget .ti-date{
    font-size:15px !important;
    line-height:1.4 !important;
}


/* =========================================================
   8. FIYAT PAKETLERI
   Begendigimiz mevcut stil korunuyor
========================================================= */

.hl-card{
    padding:22px !important;
}

.hl-card .hl-badge{
    font-size:15px !important;
    padding:9px 13px !important;
}

.hl-card .hl-kicker{
    font-size:16px !important;
    line-height:1.5 !important;
    margin-top:14px !important;
}

.hl-card h3{
    font-size:26px !important;
    line-height:1.25 !important;
    margin:14px 0 18px !important;
}

.hl-card .hl-features{
    gap:11px !important;
}

.hl-card .hl-features li{
    font-size:18px !important;
    line-height:1.5 !important;
    padding-left:29px !important;
}

.hl-card .hl-features li:before{
    font-size:20px !important;
}

.hl-card .hl-old{
    font-size:17px !important;
    line-height:1.4 !important;
}

.hl-card .hl-price-label{
    font-size:16px !important;
}

.hl-card .hl-price{
    font-size:38px !important;
    line-height:1.05 !important;
}

.hl-card .hl-pp{
    font-size:16px !important;
}

.hl-card .hl-btn{
    font-size:17px !important;
    line-height:1.3 !important;
    padding:17px 18px !important;
}


/* =========================================================
   9. PAKET ALANI EK METINLER
========================================================= */

.hl-pricing-intro p{
    font-size:18px !important;
    line-height:1.7 !important;
}

.hl-panel-note{
    font-size:17px !important;
    line-height:1.6 !important;
}

.hl-tab-label strong{
    font-size:18px !important;
}

.hl-tab-label span{
    font-size:16px !important;
    line-height:1.5 !important;
}

.hl-trust{
    font-size:16px !important;
}

.hl-trust small{
    font-size:14px !important;
}


/* =========================================================
   10. HIZMET BOLGELERI
========================================================= */

.hl-district-chip{
    font-size:16px !important;
    line-height:1.4 !important;
}

.hl-district-chip span{
    font-size:14px !important;
    line-height:1.4 !important;
}


/* =========================================================
   11. KIRMIZI VIDEO BOLUMU
========================================================= */

.elementor-element-6583464d .title-subtitle,
.elementor-element-6583464d .woodmart-title-container,
.elementor-element-6583464d .title-after_title,
.elementor-element-6583464d .title-after_title p{
    color:#fff !important;
}

.elementor-element-6583464d .title-subtitle{
    font-size:16px !important;
}

.elementor-element-6583464d .title-after_title,
.elementor-element-6583464d .title-after_title p{
    font-size:18px !important;
    line-height:1.65 !important;
}
}

