/* ===========================================================
   evcil.tv görünüm katmanı — Webtekno tarzı, beyaz ve sade
   Renkler logodan: koyu #150D0A, turuncu #E96A3C
   =========================================================== */
:root{
  --ev-dark:#150D0A; --ev-orange:#E96A3C; --ev-orange-dark:#C9532A;
  --ev-orange-soft:#FDF0EA; --ev-text:#2B2523; --ev-muted:#7A716D;
  --ev-line:#ECE7E4; --ev-bg:#F7F5F4; --ev-radius:10px;
}
body{background:var(--ev-bg);color:var(--ev-text);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
#body-main-wrap,#home-main-wrap,#site,#site-wrap{background:transparent}
#body-main-cont,#home-main-wrap .home-wrap-in1{background:transparent}

/* --- Üst menü: beyaz, ince çizgi, gölge --- */
#main-nav-wrap,#head-main-top,.nav-out{background:#fff !important}
#main-nav-wrap{border-bottom:1px solid var(--ev-line);box-shadow:0 2px 14px rgba(21,13,10,.06)}
.nav-logo{display:flex;align-items:center;height:50px}
.nav-logo a{display:block;line-height:0}
.nav-logo img{max-height:34px;width:auto;max-width:180px;margin:0}
#main-nav-wrap .main-menu-wrap .menu > li > a,
.main-menu-wrap ul li a{font-family:'Poppins',sans-serif;font-weight:600;font-size:14.5px;text-transform:none;letter-spacing:0;color:var(--ev-dark) !important;position:relative}
.main-menu-wrap ul li a:hover{color:var(--ev-orange) !important}
.main-menu-wrap ul li a:after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:3px;border-radius:3px;background:var(--ev-orange);transform:scaleX(0);transition:transform .2s}
.main-menu-wrap ul li a:hover:after,.main-menu-wrap ul li.current-menu-item a:after{transform:scaleX(1)}
.nav-search-but,.nav-search-but i{color:var(--ev-dark) !important}
.fly-but-wrap{background:var(--ev-orange) !important;border-radius:0}
.fly-but-wrap span{background:#fff !important}

/* --- Başlıklar & kategori etiketleri --- */
h1,h2,h3,.home-feat-title,.stand-title,.side-list-title,.post-title,.story-title,.widget-title{font-family:'Poppins',sans-serif !important;color:var(--ev-dark)}
#home-mid-wrap h2,.blog-widget-text h2,.row-widget-text p,.feat-widget-text h2{font-family:'Poppins',sans-serif;font-weight:600;color:var(--ev-dark);letter-spacing:-.01em}
a:hover h2,a:hover h3,a:hover .side-list-title,a:hover p{color:var(--ev-orange) !important}
.side-list-cat,.blog-widget-text span.side-list-cat,.row-widget-text span,.feat-widget-text span{color:var(--ev-orange) !important;font-weight:700;letter-spacing:.06em}
.feat-cat,span.feat-cat,.post-cat,.post-cat-link span,h3.feat-cat{background:var(--ev-orange) !important;color:#fff !important;border-radius:4px;font-family:'Poppins',sans-serif;font-weight:600}

/* --- Bölüm başlıkları: turuncu sol çizgi --- */
.home-title-wrap h3,.side-title-wrap h3,.home-title-wrap h4,.side-title-wrap h4,.home-title-wrap,.side-title-wrap,
.widget-title,h4.widget-title,.home-widget h3.home-title{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:var(--ev-dark) !important;text-transform:none !important;font-size:20px !important;letter-spacing:-.01em}
.home-title-wrap,.side-title-wrap{border:0 !important;padding-left:14px !important;position:relative;margin-bottom:14px}
.home-title-wrap:before,.side-title-wrap:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:3px;background:var(--ev-orange)}
.home-widget,.side-widget,.feat-widget-wrap,.row-widget-wrap{background:transparent}

/* --- Görseller: yuvarlak köşeler, hafif zoom --- */
.row-widget-img,.blog-widget-img,.side-list-img,.feat-widget-img,.post-wide-img1,.home-feat-main #home-feat-img,
.related-img,.post-feat-img,#post-feat-img{border-radius:var(--ev-radius);overflow:hidden}
#home-feat-wrap{border-radius:var(--ev-radius);overflow:hidden}
.row-widget-img img,.blog-widget-img img,.side-list-img img,.feat-widget-img img{transition:transform .35s ease}
a:hover .row-widget-img img,a:hover .blog-widget-img img,a:hover .side-list-img img,a:hover .feat-widget-img img{transform:scale(1.04)}
.feat-info-wrap{background:rgba(21,13,10,.55);border-radius:20px}

/* --- Manşet --- */
h2.stand-title{font-weight:800 !important;letter-spacing:-.02em;color:#fff !important}
h3.home-feat-title{color:var(--ev-dark) !important;font-weight:700 !important;font-size:13px !important}
#home-feat-text{background:linear-gradient(to top,rgba(21,13,10,.85),rgba(21,13,10,0))}

/* --- Yazı sayfası --- */
#post-header h1.post-title,h1.post-title{font-weight:800 !important;letter-spacing:-.02em;line-height:1.2}
#content-main p,#content-main li{font-family:'Inter',sans-serif;font-size:17px;line-height:1.75;color:var(--ev-text)}
#content-main h2,#content-main h3{font-weight:700;margin-top:28px}
#content-main a{color:var(--ev-orange-dark);text-decoration:underline;text-underline-offset:3px}
#content-main blockquote{border-left:4px solid var(--ev-orange);background:var(--ev-orange-soft);border-radius:0 var(--ev-radius) var(--ev-radius) 0}
#content-main img{border-radius:var(--ev-radius)}

/* --- Butonlar --- */
.inf-more-but,a.inf-more-but,#mvp-comments-button a,#mvp-comments-button span.mvp-comment-but-text{border:2px solid var(--ev-orange) !important;color:var(--ev-orange) !important;border-radius:999px !important;font-family:'Poppins',sans-serif;font-weight:600}
.inf-more-but:hover,#mvp-comments-button a:hover{background:var(--ev-orange) !important;color:#fff !important}
#searchsubmit,input[type=submit],.wp-block-button__link{background:var(--ev-orange) !important;border-radius:999px}
.col-tabs li.active a,.col-tabs .feat-col-tab a{color:var(--ev-orange) !important}

/* --- Alt bölüm: koyu, beyaz logo --- */
#foot-wrap,#foot-top-wrap{background:var(--ev-dark) !important}
#foot-bot-wrap,#foot-bot{background:#0D0806 !important}
.foot-logo img{max-height:46px;width:auto}
.foot-info-text,.foot-info-text p{color:#B9AFAB !important}
.foot-copy p,.foot-menu a{color:#8F8581 !important}
.foot-menu a:hover,.foot-soc-list a:hover{color:var(--ev-orange) !important}
.foot-soc-list a,.foot-soc-list i{color:#D9D1CD !important}
.foot-soc-list a:hover i{color:var(--ev-orange) !important}

/* --- Mobil --- */
@media (max-width:767px){
  .nav-logo img{max-height:32px}
  #content-main p{font-size:16.5px}
  .home-title-wrap,.side-title-wrap,.widget-title{font-size:18px !important}
}

/* ===========================================================
   evcil.tv ANA SAYFA (Webtekno düzeni)
   =========================================================== */
.evcil-home{max-width:1180px;margin:0 auto;padding:18px 20px 40px;box-sizing:border-box;width:100%;float:none;clear:both}
.evcil-home *{box-sizing:border-box}
.evcil-home a{text-decoration:none}
.evcil-home img{display:block;width:100%;height:100%;object-fit:cover}

/* şerit */
.ev-strip{display:flex;align-items:center;gap:16px;margin-bottom:14px;overflow:hidden}
.ev-strip-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:var(--ev-dark);white-space:nowrap}
.ev-strip-tags{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;margin-left:auto}
.ev-strip-tags::-webkit-scrollbar{display:none}
.ev-tag{font-size:13px;font-weight:600;white-space:nowrap}
.ev-tag-0{color:#E96A3C}.ev-tag-1{color:#2EAD6B}.ev-tag-2{color:#3D7BE0}.ev-tag-3{color:#C2489A}.ev-tag-4{color:#D9A21B}.ev-tag-5{color:#7A5AF5}
.ev-tag:hover{text-decoration:underline}

/* manşet */
.ev-hero{display:grid;grid-template-columns:1.25fr 1fr;border-radius:14px;overflow:hidden;background:var(--ev-orange);min-height:340px;box-shadow:0 8px 30px rgba(233,106,60,.18)}
.ev-hero-img{position:relative;overflow:hidden;min-height:260px}
.ev-hero-img img{position:absolute;inset:0;transition:transform .5s}
.ev-hero:hover .ev-hero-img img{transform:scale(1.03)}
.ev-hero-text{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.ev-hero-cat{align-self:flex-start;background:rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:14px}
.ev-hero-text h2{font-family:'Poppins',sans-serif !important;color:#fff !important;font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}
.ev-hero-text p{color:rgba(255,255,255,.92);font-size:15.5px;line-height:1.55;margin:0}
.ev-hero-meta{margin-top:16px;font-size:12.5px;color:rgba(255,255,255,.8)}
.ev-hero:hover h2{color:#fff !important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* 4'lü kartlar */
.ev-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.ev-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 0 var(--ev-line);transition:box-shadow .2s,transform .2s}
.ev-card:hover{box-shadow:0 10px 24px rgba(21,13,10,.08);transform:translateY(-2px)}
.ev-card-img{aspect-ratio:16/10;overflow:hidden}
.ev-card h3{font-family:'Poppins',sans-serif !important;font-size:14.5px;line-height:1.35;font-weight:600;color:var(--ev-dark);margin:12px 14px 14px;padding:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* bölüm başlığı */
.ev-sec-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 14px}
.ev-sec-head h2{font-family:'Poppins',sans-serif !important;font-size:20px;font-weight:800;color:var(--ev-dark);margin:0;display:flex;align-items:center;gap:10px}
.ev-play-ico{width:0;height:0;border-left:14px solid var(--ev-orange);border-top:9px solid transparent;border-bottom:9px solid transparent}
.ev-sec-more{font-size:13px;font-weight:600;color:var(--ev-orange) !important}

/* videolar */
.ev-videos{background:var(--ev-dark);border-radius:16px;padding:4px 20px 22px;margin-top:30px}
.ev-videos .ev-sec-head{margin:18px 0 14px}
.ev-videos .ev-sec-head h2{color:#fff !important}
.ev-vid-wrap{position:relative}
.ev-vid-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ev-vid-track::-webkit-scrollbar{display:none}
.ev-vid{scroll-snap-align:start;color:#fff}
.ev-vid-img{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.ev-vid-img img{transform:scale(1.35);transition:transform .3s}
.ev-vid:hover .ev-vid-img img{transform:scale(1.42)}
.ev-vid-play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(233,106,60,.92);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.ev-vid-play:after{content:"";position:absolute;left:17px;top:13px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.ev-vid-badge{position:absolute;right:8px;top:8px;background:#fff;color:var(--ev-dark);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:4px}
.ev-vid h3{font-family:'Poppins',sans-serif !important;color:#fff !important;font-size:13px;line-height:1.35;font-weight:600;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev-vid:hover h3{color:#FFB08F !important}
.ev-vid-nav{position:absolute;top:calc(50% - 30px);z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:var(--ev-dark);font-size:24px;line-height:34px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.ev-prev{left:-14px}.ev-next{right:-14px}

/* liste + yan */
.ev-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:34px;align-items:start}
.ev-row{display:grid;grid-template-columns:minmax(0,1fr) 270px;background:#fff;border-radius:14px;overflow:hidden;margin-bottom:16px;transition:box-shadow .2s}
.ev-row:hover{box-shadow:0 10px 26px rgba(21,13,10,.08)}
.ev-row-text{padding:20px 22px;display:flex;flex-direction:column}
.ev-row-text h3{font-family:'Poppins',sans-serif !important;font-size:19px;line-height:1.3;font-weight:700;color:var(--ev-dark);margin:0 0 8px}
.ev-row-text p{font-size:14.5px;line-height:1.55;color:var(--ev-muted);margin:0 0 12px}
.ev-row-meta{margin-top:auto;font-size:12.5px;color:var(--ev-muted)}
.ev-row-meta b{color:var(--ev-orange);font-weight:700}
.ev-row-img{display:block;overflow:hidden;min-height:170px}
.ev-row-img img{transition:transform .35s}
.ev-row:hover .ev-row-img img{transform:scale(1.04)}
.ev-pager{display:flex;gap:12px;justify-content:center;margin-top:8px}
.ev-btn{display:inline-block;background:var(--ev-orange);color:#fff !important;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;padding:12px 26px;border-radius:999px}
.ev-btn:hover{background:var(--ev-orange-dark)}
.ev-btn-ghost{background:#fff;color:var(--ev-orange) !important;border:2px solid var(--ev-orange)}

.ev-side{position:sticky;top:70px}
.ev-pop{background:#fff;border-radius:14px;overflow:hidden}
.ev-pop-head{background:var(--ev-orange);color:#fff;font-family:'Poppins',sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.02em;padding:14px 18px;display:flex;align-items:center;gap:10px}
.ev-pop-ico{font-size:22px;line-height:1}
.ev-pop-top{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}
.ev-pop-top span{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(to top,rgba(21,13,10,.9),transparent);color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;line-height:1.3}
.ev-pop-item{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-top:1px solid var(--ev-line);color:var(--ev-dark)}
.ev-pop-item i{flex:0 0 22px;height:22px;border-radius:50%;background:var(--ev-orange);color:#fff;font-style:normal;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.ev-pop-item span{font-family:'Poppins',sans-serif;font-weight:600;font-size:13.5px;line-height:1.4}
.ev-pop-item:hover span{color:var(--ev-orange)}
.ev-yt-card,.ev-ig-card{display:block;margin-top:16px;border-radius:14px;padding:18px 20px;color:#fff !important}
.ev-yt-card{background:linear-gradient(135deg,#150D0A,#3a221a)}
.ev-ig-card{background:linear-gradient(135deg,#E96A3C,#C2489A)}
.ev-yt-card strong,.ev-ig-card strong{display:block;font-family:'Poppins',sans-serif;font-size:16px}
.ev-yt-card span,.ev-ig-card span{font-size:13px;opacity:.85}

/* video modal */
.ev-modal{position:fixed;inset:0;z-index:99999;background:rgba(10,6,5,.85);display:flex;align-items:center;justify-content:center;padding:20px}
.ev-modal[hidden]{display:none}
.ev-modal-box{position:relative;width:min(960px,100%);aspect-ratio:16/9}
.ev-modal.is-short .ev-modal-box{width:min(380px,100%);aspect-ratio:9/16;max-height:88vh}
.ev-modal-frame,.ev-modal-frame iframe{width:100%;height:100%;border:0;border-radius:12px;background:#000}
.ev-modal-close{position:absolute;right:-6px;top:-44px;background:none;border:0;color:#fff;font-size:36px;cursor:pointer}

/* Ana sayfa şablonunda temanın kenar boşluklarını sıfırla */
.page-template-page-evcil-home .body-main-out{grid-template-columns:minmax(0,1fr);padding:0}
.page-template-page-evcil-home #body-main-cont{padding:0;float:none;min-width:0}
.evcil-home,.ev-main,.ev-list,.ev-strip{min-width:0}

@media (max-width:1024px){
  .ev-main{grid-template-columns:1fr}
  .ev-side{position:static}
  .ev-vid-track{grid-auto-columns:calc((100% - 2*14px)/3)}
}
@media (max-width:767px){
  .evcil-home{padding:12px 12px 30px}
  .ev-strip-title{display:none}
  .ev-strip-tags{margin-left:0}
  .ev-hero{grid-template-columns:1fr;min-height:0}
  .ev-hero-img{aspect-ratio:16/10;min-height:0}
  .ev-hero-text{padding:20px}
  .ev-hero-text h2{font-size:22px}
  .ev-hero-text p{font-size:14px}
  .ev-grid4{grid-template-columns:repeat(2,1fr);gap:10px}
  .ev-card h3{font-size:13px;margin:10px}
  .ev-videos .ev-sec-more{display:none}
  .ev-videos{padding:2px 12px 16px;border-radius:12px}
  .ev-vid-track{grid-auto-columns:72%}
  .ev-vid-nav{display:none}
  .ev-row{grid-template-columns:minmax(0,1fr) 120px}
  .ev-row-text{padding:14px}
  .ev-row-text h3{font-size:15.5px}
  .ev-row-text p{display:none}
  .ev-row-img{min-height:0}
}

/* son içerikler bandı */
.ev-strip{background:#fff;border-radius:999px;padding:8px 8px 8px 16px;box-shadow:0 1px 0 var(--ev-line)}
.ev-strip-title{display:flex;align-items:center;gap:8px;background:var(--ev-orange);color:#fff !important;font-size:13px;padding:6px 14px;border-radius:999px;margin-left:-8px}
.ev-live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:evPulse 1.4s infinite}
@keyframes evPulse{0%,100%{opacity:1}50%{opacity:.3}}
.ev-ticker{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ev-ticker-track{display:flex;width:max-content;animation:evTicker 70s linear infinite}
.ev-ticker:hover .ev-ticker-track{animation-play-state:paused}
@keyframes evTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ev-tick{white-space:nowrap;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:600;color:var(--ev-dark) !important;padding:0 22px;position:relative}
.ev-tick:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:var(--ev-orange)}
.ev-tick b{color:var(--ev-orange);font-weight:600;font-size:12px;margin-right:8px}
.ev-tick b:after{content:" önce"}
.ev-tick:hover{color:var(--ev-orange) !important}
@media (prefers-reduced-motion:reduce){.ev-ticker{overflow-x:auto}.ev-ticker-track{animation:none}}
@media (max-width:767px){
  .ev-strip-title{display:flex !important;font-size:12px;padding:5px 10px}
  .ev-strip{padding:6px 6px 6px 12px}
  .ev-ticker-track{animation-duration:55s}
}