/*
Theme Name: Snb
Version: 2.2
Author: HMedia
Author URI: http://www.hedefmedia.com/
Theme URI: http://www.hedefmedia.com/

*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');
body{font-family: 'Open Sans', sans-serif;font-size:14px;color:#6d6d6d;line-height:1.7} 
h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1, .h2, .h3, .h4, .h5, .h6, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a{color:#4e4e4e}
h1,.h1{font-size:22px}
h2,.h2{font-size:21px}
h3,.h3{font-size:18px}
h4,.h4{font-size:14px}
h5,.h5{font-size:13px}
h6,.h6{font-size:12px}
a {color:#6d6d6d;}
blockquote:before,blockquote:after,q:before,q:after {content: ""}blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}dl {margin-bottom:15px}dt {font-weight:bold}dd {margin-bottom:20px}table{width:100%;table-layout:fixed;margin:0 0 10px 0;border:1px solid rgba(51, 51, 51, 0.1)}th{font-weight:600}th,td{border:1px solid rgba(51, 51, 51, 0.1)}th,td{text-align:left;padding:5px;border-width:0 1px 1px 0}img {height:auto;max-width:100%}button,input,select,textarea {margin:0;vertical-align:baseline}select {width:250px;border:1px solid #DCE4EC;background-color:#FFF;height:30px;padding:5px}textarea {width:100%;overflow:auto}.alignleft{display:inline;float:left;margin:0 15px 15px 0}.alignright{display:inline;float:right;margin:15px 0 15px 15px}.aligncenter{display:block;clear:both;margin:15px auto}




.header{position:relative;}
.header-top{position: relative;background-color: #ffffff;}
.header-contact{margin:0;padding:2px 15px;font-size:12px;}
.header-contact i{margin-right:5px;padding:0;color:#0449c1} 
.header-social{margin:0;padding:0px 15px;font-size:13px;}
.header-social ul{margin:0;padding:0;list-style-type:none}
.header-social ul li{float:left;margin:0;padding:0}
.header-social ul li a{display:block;margin:0 3px;padding:1px 5px;font-size:14px;color:#000000}
.header-inner{position:relative;background-color:#FFF;}
.header-logo{position:relative;z-index: 0;}
.header-logo img{ }
.header-menu{position:relative;background-color:#0449c1}
#access {position:relative;z-index:3;}
#access ul {float:right;padding:0;margin:0;list-style:none;}
#access li {position:relative;float:left;padding:0;margin:0;}
#access ul li:first-child {padding-left:0;}
#access a {display:block;padding:15px 20px;color:#ffffff;font-size:13px;font-weight:400;text-decoration:none;text-transform:none;-moz-transition:background-color .25s ease, margin .25s ease;	-webkit-transition: background-color .25s ease, margin .25s ease;-o-transition: background-color .25s ease, margin .25s ease;-ms-transition: background-color .25s ease, margin .25s ease;transition: background-color .25s ease, margin .25s ease;}
#access li.fas{padding:10px 0 0 0;color:#FFF;marrgin:0 auto;text-align:center}
#access li:hover,#access li.current_page_item,#access li.current-menu-item{background: #171cc3;text-decoration:none;}
#access li li{float:none;width:100%;margin:0;padding:0;background-color:#0449c1;border-bottom:1px solid #6781af}
#access li li a {display:block;width:100%;padding:10px 20px;margin:0;color:#ffffff;background: none;font-size:13px;text-align:left;text-transform:capitalize;overflow:hidden;}
#access li li:first-child > a {border-top: none;}
#access li li:last-child > a {border-bottom: none;}
#access li li:hover{background-color:#171cc3}
#access li ul{display:none;position:absolute;z-index:9999;min-width:220px;height:auto;margin:0;padding:0;font-weight:normal;}
#access li ul ul {margin:-37px 0 0 -180px !important;}
#access li:hover > ul,#access li li:hover > ul,#access li li li:hover > ul {display:block;}
#access .nav-show,#access .nav-hide{display:none;}
.drop-down-toggle{display:none;position:absolute;top:7px;right:16px;width:20px;height:20px}
.drop-down-arrow{display:block;width:0;height:0;margin:8px 0 0 5px;border-top:6px solid #fff;border-left:6px solid rgb(0 0 0 / 0%);border-right:6px solid rgb(0 0 0 / 0%);border-bottom:6px solid rgb(0 0 0 / 0%);}

.slider-container{margin-top:30px}
.section-title{position:relative;margin-bottom:20px;}  

.banner-container{position:relative;margin:0;padding:30px 0}
.banner-block{position:relative;padding:15px 40px;background: #0449c1;border-radius: 0;} 
.banner-container h2{margin:0;font-size: 21px;font-weight:600;color:#FFF;text-align:center;line-height:28px;}

.service-section{position:relative;padding:40px 0;background:#fff}

.proje-section{position:relative;padding:40px 0;background:#fff}
.proje-section h2{border-bottom:1px solid #ccc;}
.proje-content{background-color:#0449c1;color:#FFF;}
.proje-title{padding:15px 15px;font-size:15px;}
.proje-title a{color:#FFF}

.content{position:relative;}
.content-header{position:relative;margin:0;padding:0;}
.content-header h2{margin-bottom:20px;color:#0449c1}
.snbBreadcrumbs{position:relative}
.snbBreadcrumbs .navBread{margin:10px 0 20px 0;padding: 0 0 5px 0;font-size:13px;color:#888888;text-transform:uppercase;border-bottom: 1px solid #d0d0d0;} 
.snbBreadcrumbs .navBread span{margin:0 5px}
.snbBreadcrumbs .navBread span:first-child{margin:0 5px 0 0}
.snbBreadcrumbs .navBread span a{color:#888888}
.snbBreadcrumbs .navBread span a:hover{color:#FF9900}

.search-query{font-size:12}
.content-wrapper{padding:0 0 50px 0}
.content-inner{margin:0} 
.category-hizmetlerimiz .post-content{position:relative;margin:0 0 25px 0;padding: 15px;text-align:center;-moz-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;-ms-transition: all .4s;transition: all .4s;background-color:transparent}
.category-hizmetlerimiz .post-content:hover{color:#FFF;background-color:#0449c1;transform: translate(0,-4px);-webkit-transform: translate(0,-4px);-o-transform: translate(0,-4px);-moz-transform: translate(0,-4px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-box-shadow: 1px 3px 7px rgba(0,0,0,0.25);-moz-box-shadow: 1px 3px 7px rgba(0,0,0,0.25);box-shadow: 1px 3px 7px rgba(0,0,0,0.25);}
.category-hizmetlerimiz .post-content:hover  .post-image{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform;overflow:hidden; -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.category-hizmetlerimiz .post-image{position:relative;margin: 0 0 15px 0;border-radius:50%;border: 1px solid #e4e4e4;overflow:hidden}
.category-hizmetlerimiz .post-image img{width:100%;height:255px}
.category-hizmetlerimiz .post-title{font-size:16px;margin:0 0 15px 0;padding: 0 15px;font-weight:600;text-transform:uppercase;}
.category-hizmetlerimiz .post-title a{color:#333}

.post-title{font-size:16px;margin:0 0 15px 0;padding: 0 15px;font-weight:600;text-transform:uppercase;}
.post-title a{color:#FFFFFF}
.post-excerpt{margin:0;padding:0 15px;color:#FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;max-height:2.4em;line-height:1.2em}
.post-content:hover .post-title a,
.post-content:hover .post-excerpt {color:#ffffff !important } 
.post-image{position:relative;margin: 0 0 15px 0;}
 .post-content{background-color: #e6e7e9;color:#FFF;}

.post-content p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
}


.entry-inner{position:relative;padding:20px 0 0 0}
.entry-title{position:relative;margin:0 0 20px 0;padding:0}
.entry-content{padding:0;overflow:hidden}
.entry-content img{border-radius:10px;border:1px solid #EBEBEB}


.wp-post-image {
  width: 100%;
  height: 255px;
  object-fit: cover;
}


.category-hizmetlerimiz .post-image img {
  width: 100%;
  height: 255px;
  object-fit: cover;
}

.wp-post-image {
  width: 100%;
  height: 255px;
  object-fit: cover;
}



.sidebar{position:relative}
.sidebar-inner{margin:0;padding:0}
.sidebar-title{margin:0 0 10px 0;padding:0 0 10px 0;font-family:'Oswald',sans-serif;font-weight:300;border-bottom:1px solid #ff6300}
.sidebar-title span{position:relative;padding:0 0 10px 0;border-bottom:2px solid #EFEFEF}
.sidebar .widget{margin:0 0 30px 0;padding:0;background-color:#F3F3F3;border:1px solid #EFEFEF}
.sidebar .widget ul{margin:0;padding:0;list-style-type:none}
.sidebar .widget ul li{margin:0;padding:0;border-bottom:1px solid #D6D6D6;border-top:1px solid #FFFFFF}
.sidebar .widget ul li:last-child{border-bottom:0 solid #D6D6D6}
.sidebar .widget ul li:hover{background-color:#CCCCCC}
.sidebar .widget ul li a{display:block;margin:0;padding:5px 0px}
.sidebar .widget ul li a:hover{text-decoration:none}

.page-pagination{position:relative;width:100%;display:inline-block;margin:30px 0px;text-align:center}
.page-navigation-in{width:100%;}
.page-pagination .snb{display:inline-block;margin-bottom:-3px;padding:5px 15px;background-color:#AAAAAA;color:#FFFFFF;}
.page-pagination .snb:hover,
.page-pagination .snb:focus,
.page-pagination .snb:active,
.page-pagination  .snb.current{color:#FFFFFF;text-decoration:none;background-color:#000000}

.image-navigation{padding:10px 15px}
.image-navigation .nav-previous a,
.image-navigation .nav-next a{display:blockpadding:5px 20px;border:1px solid #333333;}
.image-navigation .nav-previous a:hover,
.image-navigation .nav-next a:hover{background-color:#1FA67A;color:#FFFFFF}
.image-navigation .nav-previous{text-align:left}
.image-navigation .nav-next{text-align:right}

.page-not{text-align:center}
.page-not-title{font-size:40px;font-weight:700}

.footer{position:relative;background-color:#0449c1;font-size:13px;color:#f3f3f3;}
.footer a{color:#f3f3f3}
.footer a:hover{color:#FFFFFF}
.footer p{margin-bottom:5px;}
.footer p .fas{width:20px;font-size:11px;}
.footer-inner{padding:40px 0 30px 0;}
.footer-widget{margin:0 0 10px 0}
.footer-title{position:relative;margin:0 0 10px 0;padding:10px 0;font-weight:600;color:#FFF;border-bottom:1px solid #6a6ae0}
.footer-widget ul{margin:0;padding:0;list-style-type:none}
.footer-widget ul li{margin:0;padding:0}
.footer-widget ul li a{display:block;padding:2px 0;}

.copyright{margin:0;padding:20px 0;font-size:13px;text-align:center;color:#ababab;background-color:#191b33;}
.copyright p{font-size:12px}
/* ============================= */
/* SCROLL TO TOP (TURKUAZ - KOYU) */
/* ============================= */

.scroll-to-top{
  position:fixed;
  right:0px;
  bottom:calc(10% - 52px); /*  AŞAĞI aldım */
  z-index:99;
  padding:5px 20px;
  font-size:20px;
  color:#FFFFFF;
  background-color:#0B6E6B; /* KOYU TURKUAZ */
  cursor:pointer;
  display:none;

  -webkit-border-top-left-radius:20px;
  -webkit-border-bottom-left-radius:20px;
  -moz-border-radius-topleft:20px;
  -moz-border-radius-bottomleft:20px;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
}

.scroll-to-top i{
  font-size:18px;
}

.scroll-to-top:hover{
  background-color:#1CB5B0; /* HOVER'DA BİR TIK AÇIK TURKUAZ */
}

/* ============================= */
/* PRIVACY BAR (AYNI KALDI) */
/* ============================= */

.private{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  display:block;
  margin:0;
  padding:0;
  background-color:#000000b5;
  border-top:1px solid #ddd;
}

.private-text{
  padding:10px 15px;
  font-size:13px;
  color:#d4d4d4;
}

.private-btn{
  position:absolute;
  top:0;
  right:15px;
}

#comments{font-size:12px}
#comments .pagination{padding:0 !important;text-align:center}
.comments-title{position:relative;margin:0;padding:10px 15px;border-bottom:1px solid #ff6300;font-size:14px;font-weight:600;box-shadow:0 0 1px #8e8e8e}
.comments-title:before{bottom:0;content:'';display:inline-block;left:0;position:absolute;text-transform:uppercase;width:45%;border-bottom: 3px solid #ff6300}
.comment-list{margin:0 0 10px 0;padding:5px 15px;box-shadow:0 0 1px #8e8e8e}.comment .comment-body{position:relative;margin:0 0 15px 0;border-bottom:1px solid #ccc}.comment-hm, .vcard {padding:0}.comment-metadata {padding:5px 0;font-size:11px;clear:both}.who,.reply{font-weight:600}.reply{float:right}.comment-list .children{margin:0}.comment-list .children .comment .comment-body {border-bottom:1px dotted #ccc}#respond {border: 1px solid #ff6300;overflow:hidden}#respond .comment-form {padding:5px 15px}#respond .form-submit{float:right;margin:10px 0}.comment-reply-title{margin:0;padding:10px 15px;border-bottom:2px solid #ff6300;font-size:14px;font-weight:600}.comment-form-url {display:none}.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-comment {position:relative}.comment-form-author label,.comment-form-email label,.comment-form-url label,.comment-form-comment label {position:absolute;z-index:1;padding:5px 10px;color:#444;font-weight:500}.comment-form-author .required,.comment-form-email .required,.comment-form-url .required,.comment-form-comment .required {position:absolute;left:60px;top:5px;z-index:2;color:#FF0000;font-size:15px}#author,#email,#url,#comment {position:relative;width:100%}.comment-author-link{color:#666;font-weight:600}

#sliderowl.owl-carousel .owl-item img{height:200px}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;min-width:100%; margin:0 auto}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{border:0;}
.owl-carousel .owl-dots{margin:0 auto;text-align:center;}
.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:15px;height:15px;margin:0 3px;border:1px solid #ccc !important;border-radius:50%;padding:0;background-color:rgb(224 224 224 / 85%)}
.owl-carousel .owl-dot.active{background-color:#0449c1;}
.owl-carousel .owl-nav{position:absolute;top:20%;left:15px;right:15px;z-index:9999}
.owl-carousel .owl-nav .owl-next{float:right}
.owl-carousel .owl-nav .owl-prev{float:left}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;color: #ffffff;font-size:40px;margin:0;padding:15px;}

 
@media (max-width: 768px) {
.mnone{display:none;}
.header-logo{padding-top:10px;height:80px;text-align:center;}
.snbBreadcrumbs{display:none}
.content-header{padding-top:30px}
#access{position:absolute;top:0px;left:0;z-index:3;width:100%;padding:0;background:none;box-shadow:none;}
#access .nav-show,
#access a.nav-show:hover {position:absolute;top:0px;right:15px;display:block;width:30px;height:40px !important;padding:0;background:transparent;border: none;font-size:28px;color:#ffffff;overflow: hidden;}
#access .nav-hide{display:none}
#access:target .nav-hide,
#access:target a.nav-hide:hover{display:block;position:absolute;top:0;bottom:0;left:0;right: 0;width:100%;height:auto !important;background:#0449c1;overflow: hidden;font-size:28px;color:#fff;box-shadow:0 1px 5px #000;text-align: right;}
#access:target .primary-menu {margin-top:90px;}
#access li ul{position:static;}
#access li ul ul {margin:0 !important}
#access ul,#access li{float:none;width: 100%;} 
#access li.fas{line-height: 0px;padding: 0;height: 0px;font-size: 0px}
#access a{width:100%;height:0 !important;padding:0 20px;border:none;overflow:hidden;color: #fff;}
#access:target .primary-menu a {height:40px !important;line-height:40px;text-align:left;border-bottom:1px solid rgb(152 159 224);-moz-transition: height .25s, line-height .25s;-webkit-transition: height .25s, line-height .25s;-o-transition:height .25s, line-height .25s;-ms-transition:height .25s, line-height .25s;transition: height .25s, line-height .25s;}
#access a:hover, #access li.current_page_item > a, #access li.current-menu-item > a{background: rgb(35 48 119 / 30%);color:#FFF}
#access .menu a:hover{background-color:#DEDEDE;color:#333333;}
#access br{display:none} 
#access li li a{padding:0 20px 0 20px;background:#1f67e4;border:0px solid #dededd !important;}
#access li li a:before{content:'\f30b';font-family:"Font Awesome 5 Free";font-weight:900;color:#ffffff;margin-right:10px}
#access li li li a{background:#FFFFFF}
#access li:hover > ul,#access li li:hover > ul,#access li li li:hover > ul{display:none;border:0;}
#access:target .drop-down-toggle{display:block}
#access li li .drop-down-toggle{top:5px}
.slider-container{margin-top:0}
.banner-container h2{font-size:16px}
.footer-inner{text-align:center}
}

/* ============================= */
/* MOBİL ALT SABİT BAR */
/* ============================= */

@media (max-width: 768px) {

  .footer-mobile-contact-menuu{
    display:block;
    height:45px;
  }

  .footer-mobile-contact-menu{
    position: fixed;
    bottom:0;
    right:0;
    left:0;
    z-index:999;
    width:100%;
  }

  .footer-mobile-contact-inner{
    display:flex;
  }

  .footer-mobile-contact{
    flex:1;
    text-align:center;
  }

  .footer-mobile{
    display:inline-block;
    width:100%;
    transition:.2s all;
    padding:10px 5px;
    line-height:24px;
  }

  .footer-mobile a,
  .footer-mobile a:hover{
    color:#FFFFFF;
    font-size:14px;
    text-decoration:none;
  }

  .footer-mobile i{
    color:#FFF;
    margin-right:5px;
    font-size:18px;
  }

  .footer-mobile.mobiletel{
    background-color:#324961;
  }

  .footer-mobile.mobilewp{
    background-color:#25D366;
  }

  .footer-mobile.mobilehome{
    background-color:#3196B2;
  }
}


/* ============================= */
/* MASAÜSTÜ UÇAN WHATSAPP */
/* ============================= */

@media (max-width:768px){
  .footer-fly-contact-menu{
    display:none;
  }
}

.footer-fly-contact-menu{
  position: fixed;
  bottom:58px;
  right:10px;
  z-index:999;
}

.footer-fly-contact{
  display:block;
  text-align:right;
  padding:3px 0;
}

.footer-fly{
  display:inline-block;
  border-radius:20px;
  transition:.2s all;
  padding:5px 13px;
  line-height:24px;
}

.footer-fly a,
.footer-fly a:hover{
  color:#FFFFFF;
  font-size:14px;
  text-decoration:none;
}

.footer-fly.flysah{
  background-color:#25D366;
}


/* ============================= */
/* SAĞ YAN SOSYAL MEDYA (TURKUAZ) */
/* ============================= */

.social-media{
  position: fixed;
  right:15px;
  bottom:30%;
  z-index:99;
  padding:6px 4px;
  background-color:#1CB5B0;   /* TURKUAZ */
  border-radius:16px;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.social-media a{
  display:block;
  margin:6px 0;
  padding:0;
  text-align:center;
  text-decoration:none;
}

.social-media i{
  padding:7px;
  font-size:18px;
  color:#EFFFFE;              /* AÇIK TURKUAZ / BEYAZA YAKIN */
  transition:.2s all;
}

.social-media a:hover i{
  color:#0B6E6B;              /* KOYU TURKUAZ */
  transform:scale(1.1);
}
@media (min-width: 769px) {
  .footer-mobile-contact-menuu,
  .footer-mobile-contact-menu {
    display: none !important;
  }
}
/* ===================================================== */
/* TURKUAZ TEMA OVERRIDE (Dosyanın en altına ekle) */
/* ===================================================== */

:root{
  --brand: #1CB5B0;        /* ana turkuaz */
  --brand-dark: #0B6E6B;   /* koyu turkuaz (hover/active) */
  --brand-soft: #EFFFFE;   /* çok açık turkuaz (yazı/ikon üstü) */
}

/* Genel link/hover davranışı */
a:hover,
a:focus{
  color: var(--brand) !important;
  text-decoration: none;
}

/* Başlık vurguları (mavi görünen başlıklar) */
.header-contact i,
.content-header h2,
.snbBreadcrumbs .navBread span a:hover{
  color: var(--brand) !important;
}

/* ============================= */
/* MENÜ / HEADER MAVİLERİ TURKUAZ */
/* ============================= */

.header-menu{
  background-color: var(--brand) !important;
}

/* Ana menü hover/aktif */
#access li:hover,
#access li.current_page_item,
#access li.current-menu-item{
  background: var(--brand-dark) !important;
}

/* Dropdown arka planları */
#access li li{
  background-color: var(--brand) !important;
  border-bottom: 1px solid rgba(255,255,255,0.25) !important;
}
#access li li:hover{
  background-color: var(--brand-dark) !important;
}

/* Mobil menü overlay ve mobil dropdown renkleri */
@media (max-width: 768px){
  #access:target a.nav-hide:hover,
  #access:target .nav-hide{
    background: var(--brand) !important;
  }

  #access li li a{
    background: var(--brand-dark) !important;
  }
  #access li li a:before{
    color: #fff !important;
  }

  /* Mobil menüde aktif/hover satırı */
  #access a:hover,
  #access li.current_page_item > a,
  #access li.current-menu-item > a{
    background: rgba(11,110,107,0.25) !important;
    color:#fff !important;
  }
}

/* ============================= */
/* BANNER / PROJE BLOKLARI */
/* ============================= */

.banner-block{
  background: var(--brand) !important;
}

.proje-content{
  background-color: var(--brand) !important;
  color: #fff !important;
}

/* Hizmet kartı hover (maviye dönüyordu) */
.category-hizmetlerimiz .post-content:hover{
  background-color: var(--brand) !important;
}

/* ============================= */
/* SLIDER DOT / AKTİF NOKTA */
/* ============================= */
.owl-carousel .owl-dot.active{
  background-color: var(--brand) !important;
}

/* ============================= */
/* FOOTER MAVİLERİ TURKUAZ */
/* ============================= */

.footer{
  background-color: var(--brand) !important;
}

.footer-title{
  border-bottom: 1px solid rgba(255,255,255,0.35) !important;
}

/* Copyright koyu bölümü istersen turkuaz-koyu */
.copyright{
  background-color: var(--brand-dark) !important;
  color: rgba(255,255,255,0.75) !important;
}

/* ============================= */
/* BUTON / VURGU KULLANIMI */
/* (Site içinde mavi buton/hover varsa yakalamak için) */
/* ============================= */

/* Eski mavi hover/active hissini turkuaz yap */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

/* Scroll butonu zaten turkuaz; hover’ı da uyumlu kalsın */
.scroll-to-top{
  background-color: var(--brand-dark) !important;
}
.scroll-to-top:hover{
  background-color: var(--brand) !important;
}


/* ===================================================== */
/* TÜM KATEGORİLER: kart gri alan + PNG boşluk düzeltme */
/* ===================================================== */

body.category{
  --brand: #1CB5B0;
  --brand-soft: #F4FFFE;      /* çok açık turkuaz-beyaz */
  --brand-border: rgba(28,181,176,0.22);
  --text-dark: #2b2b2b;
  --text-mid: #4a4a4a;
}

/* Kartın gri arka planı (yazı başlık alanı) */
body.category .post-content{
  background-color: var(--brand-soft) !important;
  border: 1px solid var(--brand-border);
}

/* Başlık + özet okunaklı */
body.category .post-title a{
  color: var(--text-dark) !important;
}
body.category .post-excerpt{
  color: var(--text-mid) !important;
}

/* PNG şeffaf boşluklar gri görünmesin: resim alanının arkasını beyaz yap */
body.category .post-image,
body.category .category-hizmetlerimiz .post-image{
  background-color:#fff !important;
  border-radius:10px;
  overflow:hidden;
}

/* Hover'da da tema uyumlu kalsın */
body.category .post-content:hover{
  background-color:#fff !important;
  border-color: rgba(11,110,107,0.35);
  box-shadow: 0 6px 18px rgba(11,110,107,0.12);
}
/* ===================================================== */
/* BLOG KATEGORİ KART DÜZENİ (eşit görünüm + boşluk + border) */
/* style.css EN ALTINA ekle */
/* ===================================================== */

body.category-blog{
  --brand: #1CB5B0;                 /* turkuaz */
  --brand-dark: #0B6E6B;
  --card-bg: #ffffff;
  --card-border: rgba(28,181,176,0.45);
  --gap: 22px;                      /* kutular arası boşluk */
}

/* Grid/kolonlarda aralık yoksa ekleyelim (bootstrap benzeri) */
body.category-blog .content-inner,
body.category-blog .content-wrapper{
  padding-bottom: 60px;
}

/* Kartın kendisi: border turkuaz + daha düzgün görünüm */
body.category-blog .post-content{
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  margin-bottom: var(--gap);
  box-shadow: 0 6px 18px rgba(11,110,107,0.10);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Hover (çok abartmadan) */
body.category-blog .post-content:hover{
  transform: translateY(-4px);
  border-color: var(--brand) !important;
  box-shadow: 0 10px 26px rgba(11,110,107,0.16);
}

/* Resim alanı: PNG boşlukları beyaz kalsın */
body.category-blog .post-image{
  background:#fff !important;
  margin: 0 0 12px 0 !important;
}
body.category-blog .post-image img,
body.category-blog .wp-post-image{
  width:100%;
  height:255px;          /* sende zaten 255px var */
  object-fit: cover;     /* taşma varsa düzgün kırpar */
  display:block;
}

/* İç padding'i düzenle (temada bazı yerlerde sıkışık) */
body.category-blog .post-title,
body.category-blog .post-excerpt{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Başlık: 2 satırla sınırla (uzun-kısa eşitlensin) */
body.category-blog .post-title{
  margin: 8px 0 10px 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  line-height: 1.25 !important;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* 2 satır */
  overflow: hidden;
  min-height: calc(1.25em * 2); /* kartların hizası için */
}

/* Başlık link rengi */
body.category-blog .post-title a{
  color: #2b2b2b !important;
}
body.category-blog .post-title a:hover{
  color: var(--brand-dark) !important;
}

/* Özet: 3 satırla sınırla */
body.category-blog .post-excerpt{
  color: #4a4a4a !important;
  white-space: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4 !important;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   /* 3 satır */
  min-height: calc(1.4em * 3);
  max-height: none !important;
}

/* Temadaki "p max-width: 20ch" kuralı kartları yamultuyor: iptal */
body.category-blog .post-content p{
  max-width: none !important;
  white-space: normal !important;
}

/* Kutular arası yatay boşluk yoksa: kolonların içine padding ver */
body.category-blog .content .row > [class*="col"]{
  padding-left: calc(var(--gap) / 2);
  padding-right: calc(var(--gap) / 2);
}
body.category-blog .content .row{
  margin-left: calc(var(--gap) / -2);
  margin-right: calc(var(--gap) / -2);
}
/* ===================================================== */
/* BLOG KATEGORİ – SATIRLAR ARASI BOŞLUK (ALT ALTA) */
/* ===================================================== */

/* Kartların bulunduğu wrapper'lara (post/article/hentry) boşluk ver */
body.category-blog .post,
body.category-blog article,
body.category-blog .hentry{
  margin-bottom: 32px !important;   /* 32-50 arası artırabilirsin */
}

/* Eğer tema margin'i sıfırlıyorsa, padding ile garantiye al */
body.category-blog .post,
body.category-blog article,
body.category-blog .hentry{
  padding-bottom: 32px !important;
}

/* Kartın kendisi 100% yükseklikten dolayı satıra yapışıyorsa bunu serbest bırak */
body.category-blog .post-content{
  height: auto !important;
  margin-bottom: 0 !important;      /* boşluğu wrapper veriyor */
}
/* ===================================================== */
/* BLOG KATEGORİ – HOVER'DA YAZI KAYBOLMASINI DÜZELT */
/* ===================================================== */

body.category-blog .post-content:hover .post-title a{
  color:#2b2b2b !important;      /* başlık koyu kalsın */
}

body.category-blog .post-content:hover .post-excerpt,
body.category-blog .post-content:hover p{
  color:#4a4a4a !important;      /* özet koyu kalsın */
}

/* İstersen hover'da sadece vurgu turkuaz olsun */
body.category-blog .post-content:hover .post-title a:hover{
  color:#0B6E6B !important;      /* koyu turkuaz */
}
/* ===================================================== */
/* PROJELERİMİZ KATEGORİ – HOVER'DA YAZI BEYAZ OLMASIN */
/* ===================================================== */

body.category-projelerimiz .post-content:hover .post-title a{
  color:#2b2b2b !important;   /* başlık koyu kalsın */
}

body.category-projelerimiz .post-content:hover .post-excerpt,
body.category-projelerimiz .post-content:hover p{
  color:#4a4a4a !important;   /* metin koyu kalsın */
}

/* Hover'da sadece vurgu olsun istersek */
body.category-projelerimiz .post-content:hover .post-title a:hover{
  color:#0B6E6B !important;   /* koyu turkuaz */
}






/* ============================= */
/* Basit Lightbox (yazı içi resimler) */
/* ============================= */

#oai-lightbox{
  position: fixed !important;
  inset: 0 !important;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.85);
  z-index: 999999 !important;
  padding: 24px;
}

#oai-lightbox.is-open{
  display: flex !important;
}

#oai-lightbox .oai-lb-img{
  max-width: min(1100px, 92vw);
  max-height: 86vh;
  width: auto;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

#oai-lightbox .oai-lb-close{
  position: absolute;
  top: 14px;
  right: 18px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 30px;
  line-height: 44px;
  cursor: pointer;
}

#oai-lightbox .oai-lb-prev,
#oai-lightbox .oai-lb-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 34px;
  cursor: pointer;
}

#oai-lightbox .oai-lb-prev{ left: 16px; }
#oai-lightbox .oai-lb-next{ right: 16px; }

/* Lightbox açıkken sayfa scroll kilitle */
html.oai-lb-lock,
html.oai-lb-lock body{
  overflow: hidden !important;
}





/* Link rengi bootstrap'tan geliyorsa */
a.text-primary,
.text-primary{
  color: var(--brand) !important;
}
a.text-primary:hover{
  color: var(--brand-dark) !important;
}



/* === ARC PANEL: Kategori/Arşiv kart hover'da yazı kaybolmasın (BASKIN OVERRIDE) === */

/* Kart/kutu hover'da link ve metinleri zorla görünür yap */
body.category .post:hover *,
body.archive  .post:hover *,
body.category article:hover *,
body.archive  article:hover *{
  opacity: 1 !important;
  visibility: visible !important;
}

/* Başlık linkleri (en kritik) */
body.category .post:hover .entry-title a,
body.archive  .post:hover .entry-title a,
body.category .post:hover .post-title a,
body.archive  .post:hover .post-title a,
body.category article:hover h3 a,
body.archive  article:hover h3 a{
  color: #0fa39e !important;          /* turkuaz */
  text-decoration: none !important;
}

/* Hover'da arka plan koyulaşıyorsa metinleri beyaz yapmayı da garantiye al (gerekirse) */
body.category .post:hover .entry-title a,
body.archive  .post:hover .entry-title a{
  mix-blend-mode: normal !important;
}

/* Excerpt/paragraf */
body.category .post:hover .entry-summary,
body.archive  .post:hover .entry-summary,
body.category .post:hover .post-excerpt,
body.archive  .post:hover .post-excerpt,
body.category .post:hover p,
body.archive  .post:hover p{
  color: #334155 !important;          /* koyu okunur */
}

/* Eğer kutuya hover'da overlay gelip her şeyi solduruyorsa: overlay’i kapat */
body.category .post:hover:before,
body.category .post:hover:after,
body.archive  .post:hover:before,
body.archive  .post:hover:after,
body.category article:hover:before,
body.category article:hover:after,
body.archive  article:hover:before,
body.archive  article:hover:after{
  opacity: 0 !important;
}

/* Resim hover efektleri yüzünden içerik kayboluyorsa: resmi ayrı etkileyelim */
body.category .post:hover img,
body.archive  .post:hover img{
  opacity: 1 !important;
}@media (min-width:769px){

  /* Ana menü: Türkçe karakterler düzelsin, yazı bir tık büyüsün */
  #access > ul.primary-menu > li > a{
    font-size:14px !important;
    text-transform:none !important;
    letter-spacing:0 !important;
  }

  /* Varsayilan alt menuler */
  #access ul.primary-menu ul.sub-menu{
    position:absolute;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    background:#343a40 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:10px !important;
    box-shadow:0 16px 34px rgba(0,0,0,.24) !important;
    z-index:99999 !important;
  }

  /* Diger tum dropdownlar kompakt koyu kutu */
  #access > ul.primary-menu > li:not(.menu-hizmet) > ul.sub-menu{
    left:0 !important;
    top:calc(100% - 1px) !important;
    width:230px !important;
    min-width:230px !important;
    padding:8px 0 !important;
    background:linear-gradient(180deg,#3c4349 0%, #31373d 100%) !important;
    display:none !important;
  }
  #access > ul.primary-menu > li:not(.menu-hizmet):hover > ul.sub-menu{
    display:block !important;
  }
  #access > ul.primary-menu > li:not(.menu-hizmet) > ul.sub-menu > li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    background:transparent !important;
  }
  #access > ul.primary-menu > li:not(.menu-hizmet) > ul.sub-menu > li > a{
    display:block !important;
    padding:10px 16px !important;
    color:#ffffff !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
    text-transform:none !important;
    background:transparent !important;
    border:0 !important;
    transition:background-color .18s ease, color .18s ease !important;
  }
  #access > ul.primary-menu > li:not(.menu-hizmet) > ul.sub-menu > li > a:hover{
    background:rgba(255,255,255,.06) !important;
    color:#ffffff !important;
  }

  /* 3. seviye normal dropdown */
  #access > ul.primary-menu > li:not(.menu-hizmet) ul.sub-menu ul.sub-menu{
    left:100% !important;
    top:-8px !important;
    width:220px !important;
    min-width:220px !important;
    padding:8px 0 !important;
    background:linear-gradient(180deg,#3c4349 0%, #31373d 100%) !important;
    display:none !important;
  }
  #access > ul.primary-menu > li:not(.menu-hizmet) ul.sub-menu li:hover > ul.sub-menu{
    display:block !important;
  }

  /* SADECE Hizmetler mega menu */
  #access > ul.primary-menu > li.menu-hizmet{
    position:relative !important;
  }

  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu{
    left:50% !important;
    top:calc(100% - 1px) !important;
    transform:translateX(-50%) translateY(0) !important;
    width:auto !important;
    max-width:calc(100vw - 80px) !important;
    min-width:unset !important;
    padding:18px 20px 20px !important;
    background:linear-gradient(180deg,#525c63 0%, #40484f 100%) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;
    box-shadow:0 20px 45px rgba(0,0,0,.26) !important;
    display:none !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:16px !important;
    align-items:flex-start !important;
    justify-content:center !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:none !important;
    white-space:normal !important;
  }

  #access > ul.primary-menu > li.menu-hizmet:hover > ul.sub-menu,
  #access > ul.primary-menu > li.menu-hizmet.menu-delay-open > ul.sub-menu,
  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu:hover{
    display:flex !important;
  }

  /* Mega kolonlar */
  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu > li{
    display:block !important;
    flex:0 0 182px !important;
    width:182px !important;
    max-width:182px !important;
    min-width:182px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    float:none !important;
    clear:none !important;
    vertical-align:top !important;
  }

  /* Kolon basliklari */
  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu > li > a{
    display:block !important;
    margin:0 0 10px !important;
    padding:0 0 8px !important;
    color:#ffffff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-decoration:none !important;
    text-transform:none !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:2px solid rgba(28,181,176,.72) !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  /* Icindeki liste sabit ve gorunur */
  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu > li > ul.sub-menu{
    position:static !important;
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu > li > ul.sub-menu > li{
    display:block !important;
    width:100% !important;
    margin:0 0 8px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    float:none !important;
    clear:both !important;
  }

  /* Kutucuklar: daha belirgin ama sade metalik */
  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu > li > ul.sub-menu > li > a{
    display:block !important;
    width:100% !important;
    padding:11px 13px !important;
    margin:0 !important;
    color:#ffffff !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
    text-transform:none !important;
    background:linear-gradient(180deg,#5d6770 0%, #4b545c 100%) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:7px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 10px rgba(0,0,0,.12) !important;
    transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  #access > ul.primary-menu > li.menu-hizmet > ul.sub-menu > li > ul.sub-menu > li > a:hover{
    background:linear-gradient(180deg,#67727b 0%, #525c64 100%) !important;
    border-color:rgba(28,181,176,.45) !important;
    box-shadow:
      inset 0 -2px 0 #1CB5B0,
      inset 0 1px 0 rgba(255,255,255,.05),
      0 6px 14px rgba(0,0,0,.16) !important;
    color:#ffffff !important;
    transform:none !important;
  }
}

@media (max-width:768px){
  .footer-fly-contact-menu{
    display:none;
  }
}

.footer-fly-contact-menu{
  position: fixed;
  bottom:58px;
  right:10px;
  z-index:999;
}

.footer-fly-contact{
  display:block;
  text-align:right;
  padding:3px 0;
}

.footer-fly{
  display:inline-block;
  border-radius:20px;
  transition:.2s all;
  padding:5px 13px;
  line-height:24px;
}

.footer-fly a,
.footer-fly a:hover{
  color:#FFFFFF;
  font-size:14px;
  text-decoration:none;
}

.footer-fly.flysah{
  background-color:#25D366;
}


/* ============================= */
/* SAĞ YAN SOSYAL MEDYA (TURKUAZ) */
/* ============================= */

.social-media{
  position: fixed;
  right:15px;
  bottom:30%;
  z-index:99;
  padding:6px 4px;
  background-color:#1CB5B0;   /* TURKUAZ */
  border-radius:16px;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.social-media a{
  display:block;
  margin:6px 0;
  padding:0;
  text-align:center;
  text-decoration:none;
}

.social-media i{
  padding:7px;
  font-size:18px;
  color:#EFFFFE;              /* AÇIK TURKUAZ / BEYAZA YAKIN */
  transition:.2s all;
}

.social-media a:hover i{
  color:#0B6E6B;              /* KOYU TURKUAZ */
  transform:scale(1.1);
}
@media (min-width: 769px) {
  .footer-mobile-contact-menuu,
  .footer-mobile-contact-menu {
    display: none !important;
  }
}
/* ===================================================== */
/* TURKUAZ TEMA OVERRIDE (Dosyanın en altına ekle) */
/* ===================================================== */

:root{
  --brand: #1CB5B0;        /* ana turkuaz */
  --brand-dark: #0B6E6B;   /* koyu turkuaz (hover/active) */
  --brand-soft: #EFFFFE;   /* çok açık turkuaz (yazı/ikon üstü) */
}

/* Genel link/hover davranışı */
a:hover,
a:focus{
  color: var(--brand) !important;
  text-decoration: none;
}

/* Başlık vurguları (mavi görünen başlıklar) */
.header-contact i,
.content-header h2,
.snbBreadcrumbs .navBread span a:hover{
  color: var(--brand) !important;
}

/* ============================= */
/* MENÜ / HEADER MAVİLERİ TURKUAZ */
/* ============================= */

.header-menu{
  background-color: var(--brand) !important;
}

/* Ana menü hover/aktif */
#access li:hover,
#access li.current_page_item,
#access li.current-menu-item{
  background: var(--brand-dark) !important;
}

/* Dropdown arka planları */
#access li li{
  background-color: var(--brand) !important;
  border-bottom: 1px solid rgba(255,255,255,0.25) !important;
}
#access li li:hover{
  background-color: var(--brand-dark) !important;
}

/* Mobil menü overlay ve mobil dropdown renkleri */
@media (max-width: 768px){
  #access:target a.nav-hide:hover,
  #access:target .nav-hide{
    background: var(--brand) !important;
  }

  #access li li a{
    background: var(--brand-dark) !important;
  }
  #access li li a:before{
    color: #fff !important;
  }

  /* Mobil menüde aktif/hover satırı */
  #access a:hover,
  #access li.current_page_item > a,
  #access li.current-menu-item > a{
    background: rgba(11,110,107,0.25) !important;
    color:#fff !important;
  }
}

/* ============================= */
/* BANNER / PROJE BLOKLARI */
/* ============================= */

.banner-block{
  background: var(--brand) !important;
}

.proje-content{
  background-color: var(--brand) !important;
  color: #fff !important;
}

/* Hizmet kartı hover (maviye dönüyordu) */
.category-hizmetlerimiz .post-content:hover{
  background-color: var(--brand) !important;
}

/* ============================= */
/* SLIDER DOT / AKTİF NOKTA */
/* ============================= */
.owl-carousel .owl-dot.active{
  background-color: var(--brand) !important;
}

/* ============================= */
/* FOOTER MAVİLERİ TURKUAZ */
/* ============================= */

.footer{
  background-color: var(--brand) !important;
}

.footer-title{
  border-bottom: 1px solid rgba(255,255,255,0.35) !important;
}

/* Copyright koyu bölümü istersen turkuaz-koyu */
.copyright{
  background-color: var(--brand-dark) !important;
  color: rgba(255,255,255,0.75) !important;
}

/* ============================= */
/* BUTON / VURGU KULLANIMI */
/* (Site içinde mavi buton/hover varsa yakalamak için) */
/* ============================= */

/* Eski mavi hover/active hissini turkuaz yap */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

/* Scroll butonu zaten turkuaz; hover’ı da uyumlu kalsın */
.scroll-to-top{
  background-color: var(--brand-dark) !important;
}
.scroll-to-top:hover{
  background-color: var(--brand) !important;
}


/* ===================================================== */
/* TÜM KATEGORİLER: kart gri alan + PNG boşluk düzeltme */
/* ===================================================== */

body.category{
  --brand: #1CB5B0;
  --brand-soft: #F4FFFE;      /* çok açık turkuaz-beyaz */
  --brand-border: rgba(28,181,176,0.22);
  --text-dark: #2b2b2b;
  --text-mid: #4a4a4a;
}

/* Kartın gri arka planı (yazı başlık alanı) */
body.category .post-content{
  background-color: var(--brand-soft) !important;
  border: 1px solid var(--brand-border);
}

/* Başlık + özet okunaklı */
body.category .post-title a{
  color: var(--text-dark) !important;
}
body.category .post-excerpt{
  color: var(--text-mid) !important;
}

/* PNG şeffaf boşluklar gri görünmesin: resim alanının arkasını beyaz yap */
body.category .post-image,
body.category .category-hizmetlerimiz .post-image{
  background-color:#fff !important;
  border-radius:10px;
  overflow:hidden;
}

/* Hover'da da tema uyumlu kalsın */
body.category .post-content:hover{
  background-color:#fff !important;
  border-color: rgba(11,110,107,0.35);
  box-shadow: 0 6px 18px rgba(11,110,107,0.12);
}
/* ===================================================== */
/* BLOG KATEGORİ KART DÜZENİ (eşit görünüm + boşluk + border) */
/* style.css EN ALTINA ekle */
/* ===================================================== */

body.category-blog{
  --brand: #1CB5B0;                 /* turkuaz */
  --brand-dark: #0B6E6B;
  --card-bg: #ffffff;
  --card-border: rgba(28,181,176,0.45);
  --gap: 22px;                      /* kutular arası boşluk */
}

/* Grid/kolonlarda aralık yoksa ekleyelim (bootstrap benzeri) */
body.category-blog .content-inner,
body.category-blog .content-wrapper{
  padding-bottom: 60px;
}

/* Kartın kendisi: border turkuaz + daha düzgün görünüm */
body.category-blog .post-content{
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  margin-bottom: var(--gap);
  box-shadow: 0 6px 18px rgba(11,110,107,0.10);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Hover (çok abartmadan) */
body.category-blog .post-content:hover{
  transform: translateY(-4px);
  border-color: var(--brand) !important;
  box-shadow: 0 10px 26px rgba(11,110,107,0.16);
}

/* Resim alanı: PNG boşlukları beyaz kalsın */
body.category-blog .post-image{
  background:#fff !important;
  margin: 0 0 12px 0 !important;
}
body.category-blog .post-image img,
body.category-blog .wp-post-image{
  width:100%;
  height:255px;          /* sende zaten 255px var */
  object-fit: cover;     /* taşma varsa düzgün kırpar */
  display:block;
}

/* İç padding'i düzenle (temada bazı yerlerde sıkışık) */
body.category-blog .post-title,
body.category-blog .post-excerpt{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Başlık: 2 satırla sınırla (uzun-kısa eşitlensin) */
body.category-blog .post-title{
  margin: 8px 0 10px 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  line-height: 1.25 !important;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* 2 satır */
  overflow: hidden;
  min-height: calc(1.25em * 2); /* kartların hizası için */
}

/* Başlık link rengi */
body.category-blog .post-title a{
  color: #2b2b2b !important;
}
body.category-blog .post-title a:hover{
  color: var(--brand-dark) !important;
}

/* Özet: 3 satırla sınırla */
body.category-blog .post-excerpt{
  color: #4a4a4a !important;
  white-space: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4 !important;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   /* 3 satır */
  min-height: calc(1.4em * 3);
  max-height: none !important;
}

/* Temadaki "p max-width: 20ch" kuralı kartları yamultuyor: iptal */
body.category-blog .post-content p{
  max-width: none !important;
  white-space: normal !important;
}

/* Kutular arası yatay boşluk yoksa: kolonların içine padding ver */
body.category-blog .content .row > [class*="col"]{
  padding-left: calc(var(--gap) / 2);
  padding-right: calc(var(--gap) / 2);
}
body.category-blog .content .row{
  margin-left: calc(var(--gap) / -2);
  margin-right: calc(var(--gap) / -2);
}
/* ===================================================== */
/* BLOG KATEGORİ – SATIRLAR ARASI BOŞLUK (ALT ALTA) */
/* ===================================================== */

/* Kartların bulunduğu wrapper'lara (post/article/hentry) boşluk ver */
body.category-blog .post,
body.category-blog article,
body.category-blog .hentry{
  margin-bottom: 32px !important;   /* 32-50 arası artırabilirsin */
}

/* Eğer tema margin'i sıfırlıyorsa, padding ile garantiye al */
body.category-blog .post,
body.category-blog article,
body.category-blog .hentry{
  padding-bottom: 32px !important;
}

/* Kartın kendisi 100% yükseklikten dolayı satıra yapışıyorsa bunu serbest bırak */
body.category-blog .post-content{
  height: auto !important;
  margin-bottom: 0 !important;      /* boşluğu wrapper veriyor */
}
/* ===================================================== */
/* BLOG KATEGORİ – HOVER'DA YAZI KAYBOLMASINI DÜZELT */
/* ===================================================== */

body.category-blog .post-content:hover .post-title a{
  color:#2b2b2b !important;      /* başlık koyu kalsın */
}

body.category-blog .post-content:hover .post-excerpt,
body.category-blog .post-content:hover p{
  color:#4a4a4a !important;      /* özet koyu kalsın */
}

/* İstersen hover'da sadece vurgu turkuaz olsun */
body.category-blog .post-content:hover .post-title a:hover{
  color:#0B6E6B !important;      /* koyu turkuaz */
}
/* ===================================================== */
/* PROJELERİMİZ KATEGORİ – HOVER'DA YAZI BEYAZ OLMASIN */
/* ===================================================== */

body.category-projelerimiz .post-content:hover .post-title a{
  color:#2b2b2b !important;   /* başlık koyu kalsın */
}

body.category-projelerimiz .post-content:hover .post-excerpt,
body.category-projelerimiz .post-content:hover p{
  color:#4a4a4a !important;   /* metin koyu kalsın */
}

/* Hover'da sadece vurgu olsun istersek */
body.category-projelerimiz .post-content:hover .post-title a:hover{
  color:#0B6E6B !important;   /* koyu turkuaz */
}






/* ============================= */
/* Basit Lightbox (yazı içi resimler) */
/* ============================= */

#oai-lightbox{
  position: fixed !important;
  inset: 0 !important;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.85);
  z-index: 999999 !important;
  padding: 24px;
}

#oai-lightbox.is-open{
  display: flex !important;
}

#oai-lightbox .oai-lb-img{
  max-width: min(1100px, 92vw);
  max-height: 86vh;
  width: auto;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

#oai-lightbox .oai-lb-close{
  position: absolute;
  top: 14px;
  right: 18px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 30px;
  line-height: 44px;
  cursor: pointer;
}

#oai-lightbox .oai-lb-prev,
#oai-lightbox .oai-lb-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 34px;
  cursor: pointer;
}

#oai-lightbox .oai-lb-prev{ left: 16px; }
#oai-lightbox .oai-lb-next{ right: 16px; }

/* Lightbox açıkken sayfa scroll kilitle */
html.oai-lb-lock,
html.oai-lb-lock body{
  overflow: hidden !important;
}





/* Link rengi bootstrap'tan geliyorsa */
a.text-primary,
.text-primary{
  color: var(--brand) !important;
}
a.text-primary:hover{
  color: var(--brand-dark) !important;
}



/* === ARC PANEL: Kategori/Arşiv kart hover'da yazı kaybolmasın (BASKIN OVERRIDE) === */

/* Kart/kutu hover'da link ve metinleri zorla görünür yap */
body.category .post:hover *,
body.archive  .post:hover *,
body.category article:hover *,
body.archive  article:hover *{
  opacity: 1 !important;
  visibility: visible !important;
}

/* Başlık linkleri (en kritik) */
body.category .post:hover .entry-title a,
body.archive  .post:hover .entry-title a,
body.category .post:hover .post-title a,
body.archive  .post:hover .post-title a,
body.category article:hover h3 a,
body.archive  article:hover h3 a{
  color: #0fa39e !important;          /* turkuaz */
  text-decoration: none !important;
}

/* Hover'da arka plan koyulaşıyorsa metinleri beyaz yapmayı da garantiye al (gerekirse) */
body.category .post:hover .entry-title a,
body.archive  .post:hover .entry-title a{
  mix-blend-mode: normal !important;
}

/* Excerpt/paragraf */
body.category .post:hover .entry-summary,
body.archive  .post:hover .entry-summary,
body.category .post:hover .post-excerpt,
body.archive  .post:hover .post-excerpt,
body.category .post:hover p,
body.archive  .post:hover p{
  color: #334155 !important;          /* koyu okunur */
}

/* Eğer kutuya hover'da overlay gelip her şeyi solduruyorsa: overlay’i kapat */
body.category .post:hover:before,
body.category .post:hover:after,
body.archive  .post:hover:before,
body.archive  .post:hover:after,
body.category article:hover:before,
body.category article:hover:after,
body.archive  article:hover:before,
body.archive  article:hover:after{
  opacity: 0 !important;
}

/* Resim hover efektleri yüzünden içerik kayboluyorsa: resmi ayrı etkileyelim */
body.category .post:hover img,
body.archive  .post:hover img{
  opacity: 1 !important;
}







/* =====================================================
   ARC LOGO PATCH
   logoyu yaklaşık 3'te 2 boyuta düşür
   bunu CSS'nin en altına ekle
   ===================================================== */

/* Masaüstü */
.header-logo{
  display:flex !important;
  align-items:center !important;
}

.header-logo img{
  width:auto !important;
  max-width:66.666% !important;   /* 3'te 2 */
  height:auto !important;
  max-height:72px !important;
  object-fit:contain !important;
}

/* Header yüksekliği çok büyümesin */
.header-inner{
  padding-top:8px !important;
  padding-bottom:8px !important;
}

/* Tablet */
@media (max-width: 992px){
  .header-logo img{
    max-width:60% !important;
    max-height:64px !important;
  }
}

/* Mobil */
@media (max-width: 768px){
  .header-logo{
    height:auto !important;
    min-height:74px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    text-align:center !important;
    justify-content:center !important;
  }

  .header-logo img{
    max-width:52% !important;
    max-height:52px !important;
  }
}

/* Küçük mobil */
@media (max-width: 480px){
  .header-logo img{
    max-width:48% !important;
    max-height:46px !important;
  }
}






.hizmet-container{
  padding:60px 20px;
}

.hizmet-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:40px;
}

.hizmet-top{
  padding:20px 0 30px;
}

.hizmet-alt{
  padding:30px 0 20px;
}

.hizmet-text,
.hizmet-video,
.hizmet-image,
.hizmet-alt-text{
  flex:1;
  min-width:0;
}

.hizmet-title{
  margin:0 0 20px;
  font-size:32px;
  line-height:1.2;
}

.hizmet-subtitle{
  margin:0 0 20px;
  font-size:26px;
  line-height:1.25;
}

.hizmet-content p:last-child{
  margin-bottom:0;
}

.video-box{
  position:relative;
  overflow:hidden;
  border-radius:12px;
  cursor:pointer;
}

.video-box video{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  object-fit:cover;
}

.hizmet-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}

@media (max-width: 768px){
  .hizmet-container{
    padding:40px 15px;
  }

  .hizmet-inner{
    flex-direction:column;
    gap:25px;
  }

  .hizmet-title{
    font-size:26px;
  }

  .hizmet-subtitle{
    font-size:22px;
  }
}