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

:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(91,91,91);
	--wd-text-font-size: 16px;
	--wd-title-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-widget-title-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(221,0,0);
	--wd-alternative-color: rgb(173,3,3);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #acc7bf;
	--btn-accented-bgcolor-hover: #9ebfb5;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--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-popup-width: 800px;
}
.header-banner {
	background-color: #9b6b22;
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title {
	background-color: #878787;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(15,15,15);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

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


/* =======================================================
   LOKMA - ÇOKLU NATIVE FİYAT KARTLARI
======================================================= */


/* -------------------------------------------------------
   KART
------------------------------------------------------- */

.lokma-multi-price .wd-price-table{
    --wd-brd-radius:14px;

    display:flex !important;
    height:100% !important;
    flex-direction:column !important;

    border-radius:14px !important;

    box-shadow:
        rgba(99,99,99,.20) 0 2px 8px 0 !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

.lokma-multi-price .wd-price-table:hover{
    transform:translateY(-4px) !important;

    box-shadow:
        0 18px 32px rgba(0,0,0,.08) !important;
}


/* -------------------------------------------------------
   BAŞLIK

   Başlık stili, font boyutu ve font kalınlığı v14 içinden yönetiliyor.
   Custom CSS burada başlığa müdahale etmez.
------------------------------------------------------- */

.lokma-multi-price .wd-plan{
    flex:0 0 auto !important;
}

/* -------------------------------------------------------
   İÇ ALAN

   Üst köşeler DÜZ.
   Alt köşeler kart yapısına uyumlu ROUND.
------------------------------------------------------- */

.lokma-multi-price .wd-plan-inner{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;

    padding-left:0 !important;
    padding-right:0 !important;

    border-radius:0 0 14px 14px !important;
}


/* -------------------------------------------------------
   FİYAT BARI
------------------------------------------------------- */

.lokma-multi-price .wd-plan-price{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:18px 10px !important;

    background:#b4062b !important;
    background-image:none !important;

    color:#fff !important;

    border-radius:0 !important;

    text-align:center !important;
    box-sizing:border-box !important;
}


/* -------------------------------------------------------
   FİYAT YAZILARI
------------------------------------------------------- */

.lokma-multi-price .wd-plan-price,
.lokma-multi-price .wd-price-currency,
.lokma-multi-price .wd-price-value,
.lokma-multi-price .wd-price-suffix{
    color:#fff !important;
}

.lokma-multi-price .wd-price-value{
    font-size:27px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
}


/* Fiyat, currency ve before/after suffix tek satırda */
.lokma-multi-price .wd-plan-price{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:baseline !important;
    justify-content:center !important;

    gap:6px !important;
    white-space:nowrap !important;
}

.lokma-multi-price .wd-price-core{
    display:inline-flex !important;
    flex:0 0 auto !important;

    align-items:baseline !important;

    margin:0 !important;
    white-space:nowrap !important;
}

.lokma-multi-price .wd-price-currency,
.lokma-multi-price .wd-price-suffix{
    display:inline-block !important;
    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    line-height:1.1 !important;
    white-space:nowrap !important;
}


/* -------------------------------------------------------
   FİYAT BARI ALT KÖŞE MANTIĞI

   Altında içerik varsa = DÜZ
   Fiyat son alan ise    = ALT KÖŞELER ROUND

   ÜST KÖŞELER HER ZAMAN DÜZ.
------------------------------------------------------- */


/* Altında features veya button YOKSA */

.lokma-multi-price
.wd-plan-inner:not(
    :has(
        .wd-plan-features,
        .wd-plan-footer > a,
        .wd-plan-footer > button
    )
)
.wd-plan-price{
    border-radius:0 0 14px 14px !important;
}


/* Altında içerik devam ediyorsa */

.lokma-multi-price
.wd-plan-inner:has(.wd-plan-features)
.wd-plan-price,

.lokma-multi-price
.wd-plan-inner:has(.wd-plan-footer > a)
.wd-plan-price,

.lokma-multi-price
.wd-plan-inner:has(.wd-plan-footer > button)
.wd-plan-price{
    border-radius:0 !important;
}


/* -------------------------------------------------------
   FEATURES / AÇIKLAMA
------------------------------------------------------- */

.lokma-multi-price .wd-plan-features{
    display:flex !important;
    flex:1 1 auto !important;

    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:14px 10px !important;

    text-align:center !important;
}

.lokma-multi-price .wd-plan-feature{
    font-size:15px !important;
    line-height:1.5 !important;

    text-align:center !important;
}


/* -------------------------------------------------------
   BOŞ FOOTER VARSA KALDIR
------------------------------------------------------- */

.lokma-multi-price
.wd-plan-footer:not(:has(a,button)){
    display:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* -------------------------------------------------------
   BUTON ALANI
------------------------------------------------------- */

.lokma-multi-price .wd-plan-footer{
    margin-top:auto !important;

    padding:12px 14px 18px !important;

    text-align:center !important;
    box-sizing:border-box !important;
}


/* -------------------------------------------------------
   BUTON

   WIDTH VERİLMİYOR.
   Genişlik admin panelindeki:
   Button > Button Width (%)
   ayarından gelir.
------------------------------------------------------- */

.lokma-multi-price .wd-plan-footer > a{
    display:flex !important;

    min-height:38px !important;

    align-items:center !important;
    justify-content:center !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding:8px 12px !important;

    background:#000 !important;
    color:#fff !important;

    border:0 !important;
    border-radius:4px !important;

    box-shadow:none !important;

    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;

    white-space:nowrap !important;

    box-sizing:border-box !important;
}

.lokma-multi-price .wd-plan-footer > a:hover{
    background:#b4062b !important;
    color:#fff !important;
}





/* =======================================================
   DETAILS + FEATURES VISUAL ORDER / ALIGN FIX
======================================================= */

/* HTML/DOM sırası ne olursa olsun:
   Details görselde fiyatın üstünde kalır. */
.lokma-multi-price .wd-plan-details{
    order:1 !important;
}

.lokma-multi-price .wd-plan-price{
    order:2 !important;
}

.lokma-multi-price .wd-plan-features{
    order:3 !important;
}

.lokma-multi-price .wd-plan-footer{
    order:4 !important;
}


/* DETAILS */
.lokma-multi-price .wd-plan-details{
    display:flex !important;
    flex-direction:column !important;
    justify-content:var(--wd-pt-details-v-align, center) !important;

    margin:0 !important;
    padding:14px 10px !important;

    text-align:var(--wd-pt-details-align, left) !important;
    word-spacing:normal !important;
    letter-spacing:normal !important;
}

.lokma-multi-price .wd-plan-details p{
    width:100% !important;
    margin:0 !important;

    text-align:inherit !important;
    text-align-last:auto !important;
    text-justify:auto !important;

    word-spacing:normal !important;
    letter-spacing:normal !important;
}


/* FEATURES
   Eski sabit center zorlamasını admin ayarına bırakır. */
.lokma-multi-price .wd-plan-features{
    justify-content:var(--wd-pt-features-v-align, center) !important;
    text-align:var(--wd-pt-features-align, center) !important;
}

.lokma-multi-price .wd-plan-feature{
    width:100% !important;

    text-align:inherit !important;
    text-align-last:auto !important;
    text-justify:auto !important;

    word-spacing:normal !important;
    letter-spacing:normal !important;
}

/* =======================================================
   DETAILS + FEATURES VISUAL ORDER / ALIGN FIX BİTTİ
======================================================= */


/* =======================================================
   NATIVE SEPARATOR FIX
   Details'a ekstra border verilmez.
   Başlık / Details ayrımı Woodmart'ın .wd-plan-inner
   native üst border'ından gelir.
   Features / Button ayrımı da Woodmart'ın native
   .wd-plan-features border-bottom kuralında kalır.
======================================================= */

.lokma-multi-price .wd-plan-details{
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
}

/* Woodmart native separator ile aynı */
.lokma-multi-price .wd-plan-features{
    border-bottom:1px solid var(--brdcolor-gray-300) !important;
}

/* =======================================================
   LOKMA - ÇOKLU NATIVE FİYAT KARTLARI BİTTİ
======================================================= */






/* BLOG BAŞLIK ALTI — Section Title benzeri */
.lokma-blog .post-title {
    position: relative;
    padding-bottom: 14px;
}

.lokma-blog .post-title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: rgba(0, 0, 0, .12);
}

.lokma-blog .post-title > a {
    position: relative;
    display: inline-block;
}

.lokma-blog .post-title > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    height: 2px;
    background: var(--wd-primary-color);
}


/* YAN YANA BLOG KARTLARINI EŞİT YÜKSEKLİKTE TUT */
.lokma-blog .wd-blog-holder:not(.wd-masonry) {
    align-items: stretch;
}

.lokma-blog .wd-blog-holder:not(.wd-masonry) > .wd-post {
    display: flex;
    height: 100%;
}

.lokma-blog .wd-blog-holder:not(.wd-masonry) > .wd-post > .article-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.lokma-blog .article-body-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
}

.lokma-blog .wd-post-desc {
    flex: 1 1 auto;
}

.my-page-post .wd-post .article-inner {border-radius: 14px !important; 
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    transition: transform .22s ease, box-shadow .22s ease !important;}

.my-page-post .wd-post .article-inner:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(0,0,0,.08) !important;}	
.my-page-post .wd-post .article-body-container {text-align: justify!important;}
.my-page-post .wd-post .post-title {font-weight: 700 !important;}
.my-page-post .blog-design-masonry.blog-style-flat .article-body-container { padding: 25px 15px 15px !important;}
.my-page-post .blog-design-masonry .post-title { font-size: 18px !important; text-align: center!important;}
.my-page-post .read-more-section a {font-weight: 600!important; font-size: 12px!important;}
.my-page-post.read-more-section a:hover {font-weight: 700 !important;} 
.my-page-post .blog-post-loop .post-img-wrapp, .blog-post-loop .post-img-wrapp img {border-radius: 14px 14px 0 0!important; }
.my-page-post .blog-post-loop .post-img-wrapp {overflow: hidden!important;}


.btn-read-more.more-link::after {content: "→"; display: inline-block; margin-left: 7px;transition: transform .2s ease;}
.btn-read-more.more-link:hover::after {transform: translateX(4px);}





/* Global card */
.hayrat-site-card{
border-radius:14px!important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;
transition:transform .22s ease, box-shadow .22s ease !important;
}

.hayrat-site-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 32px rgba(0,0,0,.08)!important;
}
.hayratmenu {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;transition:transform .22s ease, box-shadow .22s ease !important; padding:5px 3px 5px 3px!important; margin: 7px!important;border-radius:10px!important;}

.hayratmenu img {border-radius:10px !important;transform:translateY(-4px);}

.hmenu:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(0,0,0,.08)!important;}
/* Global card end */





.disable-owl-mobile .wd-owl {-webkit-mask-image: none!important;}
.wd-carousel-dis-mb .wd-carousel-wrap {mask-image: none!important;}

.wd-post-date {display:none!important;}
.wd-post-date.wd-style-with-bg>span {display: none!important;}


.wd-el-video-play-label {display: none!important;}
.wd-el-video-play-label {display: none;}
@media (max-width: 1024px){
.wd-sticky-social{display: none !important;}
.wd-sticky-social> .social-facebook {display: none!important;}
.wd-sticky-social> .social-instagram {display: none!important;}
.wd-sticky-social> .social-whatsapp {display: none!important;}
.wd-sticky-social> .social-youtube {display: none!important;}
 .wd-sticky-social .wd-icon {width: 40px!important;font-size: 40px!important;line-height: 60px!important; }
.wd-sticky-social .wd-social-icon {display: flex;align-items: center;flex-wrap: nowrap;overflow: hidden;margin: 0;min-width: 60px!important;width: auto;height: 60px!important;padding-right:1px!important;background-color:#25d366!important;border-radius: 15px!important;}	
.wd-sticky-social {position:fixed;top: 85%!important;}
}

/* ==========  Dekoratif Çizgiler Başladı   ============= */

/* DİKEY ÇİZGİ - SAĞ Hero */
.lokma-border-right-hero{
border-right:0;
background-image:linear-gradient(
to bottom,
rgba(247,181,0,.08) 0%,
rgba(247,181,0,.45) 50%,
rgba(247,181,0,.08) 100%
);
background-repeat:no-repeat;
background-size:1px 100%;
background-position:right top;
padding-right:10px;
margin-right:10px;
}
/* DİKEY ÇİZGİ - SAĞ */
.lokma-border-right{
border-right:0;
background-image:linear-gradient(
to bottom,
rgba(247,181,0,.08) 0%,
rgba(247,181,0,.45) 50%,
rgba(247,181,0,.08) 100%
);
background-repeat:no-repeat;
background-size:1px 100%;
background-position:right top;
padding-right:25px;
margin-right:25px;
}

/* DİKEY ÇİZGİ - SOL */
.lokma-border-left{
border-left:0;
background-image:linear-gradient(
to bottom,
rgba(247,181,0,.08) 0%,
rgba(247,181,0,.45) 50%,
rgba(247,181,0,.08) 100%
);
background-repeat:no-repeat;
background-size:1px 100%;
background-position:left top;
padding-left:25px;
margin-left:25px;
}

/* YATAY ÇİZGİ - ALT */
.lokma-border-bottom{
border-bottom:0;
background-image:linear-gradient(
to right,
rgba(247,181,0,.08) 0%,
rgba(247,181,0,.45) 50%,
rgba(247,181,0,.08) 100%
);
background-repeat:no-repeat;
background-size:100% 1px;

background-position:bottom;
padding-bottom:20px;
margin-bottom:20px;
}

/* YATAY ÇİZGİ - ÜST */
.lokma-border-top{
border-top:0;
background-image:linear-gradient(
to right,
rgba(247,181,0,.08) 0%,
rgba(247,181,0,.45) 50%,
rgba(247,181,0,.08) 100%
);
background-repeat:no-repeat;
background-size:100% 1px;
background-position:top;
padding-top:25px;
margin-top:25px;
}
/* ==========  Dekoratif Çizgiler Bitti   ============= */





.hovered-social-icons,.wd-entry-meta,.wd-post-meta,.wd-meta-author,.wd-post-cat{display: none !important;}

