/*
Theme Name: piraye
Theme URI: https://redbilisim.com 
Description: Red Bilisim tarafindan Piraye Koleksiyonu icin yapildi 
Author: tuncer@redbilisim.com
Author URI: https://redbilisim.com
Template: astra
Version: 2025.1.920__1261805
License: yok
License URI: yoktur
Text Domain: piraye
Uyumluluk: WP6.8, 698 ve PHP 8.2, 8.3 ile test edildi. 
          Daha eski surumlerde cani isterse calisir. 
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;1,400&display=swap'); /* timeline icin gerekli */
:root {
  --c-kanat         : #6F6D5F;
  --c-koyu-kanat    : #48473A;
  --beyaz           : #ffffff;
  --c-red           : #c4161c; /* piraye kirmizisi */
  --c-bayrakKirmizi : #ff0000;
  --c-gri-zemin     : #d1d3d4; /* genel bg */
  --c-kutu-zemin    : #e7e7e7;
  --c-sayfa-disi    : #f2f2f2;
  --c-kemik         : #f9f9f9;
  --kanat-size      : 8%;
  --slide-size      : 84%;
}
/* --------------------------------------
   ana sayfasi slide düzeni için gerekli 
   -------------------------------------- */
#content {background-color: var(--c-sayfa-disi);}
body:not(.home) .ast-container {
  background-color: var(--c-gri-zemin); 
  min-height: calc(88vh - 85px);  
}
body.home .site .site-content #primary .ast-article-single, 
body.home .ast-separate-container .site-content #secondary .widget {
  padding-left: 0px !important;
  padding-right: 0px !important;  
}

 /* ue-header için gerekli  */
.elementor-5586 { 
 background-color: #fff;
 max-width: 1320px;
 margin: 0 auto;
}  
#masthead {background-color: var(--c-sayfa-disi);}
 body.home #masthead {background-color: #fff;}

/* ue-header // */
.ast-container  {max-width: 1320px !important;}
    body.home .ast-container  {max-width: none !important;}
#menu-bolgesi {
  height: 12vh;
  min-height: 80px;
  max-width: 1320px;
  background: var(--beyaz);      
}
#icerik-bolgesi {height: 88vh;}
.disKutu:hover.solKutu, .disKutu:hover.sagKutu { background-color: var(--c-red);}

/* desktop: sol(1) - orta(2) - sag(3) */
#icerik-bolgesi .e-con-inner {
  display: flex;
 /* height: 88vh; */
  height: 100%;
}
.solKutu { 
  flex: 0 0 var(--kanat-size);
  order: 1; 
}
.ortaSlider { 
  flex: 0 0 var(--slide-size);
  order: 2; 
}
.sagKutu { 
  flex: 0 0 var(--kanat-size);
  order: 3;  
}
.vertical-text-container {    
   align-items: center; 
  justify-content: center; 
   }
.vertical-text-content {
  writing-mode: vertical-rl; 
  color: var(--beyaz);
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 5vh;
  font-weight: 600;
  padding: 1em ; 
  letter-spacing: 0.2em; 
  height: 80vh; 
  margin: auto;
  white-space: nowrap;
  max-width: 100%; 
  transform: rotate(180deg); 
  display: flex; /* FFdaki kayma icin */
  align-items: center;  /* FFdaki kayma icin */
  justify-content: center;  /* FFdaki kayma icin */
}
.noUnderline {text-decoration: none !important;}  
.disKutu {
  overflow: hidden; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  width: var(--kanat-size) !important; 
}
/* footer düzeni*/
.footer-width-fixer {
  max-width: 1320px;
  margin: auto;
}
 body.home  .footer-width-fixer {max-width: none;} 
#colophon {background-color: var(--c-sayfa-disi);}
/* ----------------------------------------- */
@media (max-width: 1025px) {
  #menu-bolgesi, #icerik-bolgesi {height: auto !important;}
  /* siralama: orta(1) - sol(2) - sag(3) */
  #icerik-bolgesi .e-con-inner {
    flex-direction: column;
  /*  min-height: 100vh; */
 }
  .ortaSlider {order: 1;}
  .solKutu {order: 2;}
  .sagKutu {order: 3;}
  /* paneller tam genislik */
   .ortaSlider {
    flex: 1 1 100% !important;
    width: 100% !important;
    height: auto !important;
 }
  .solKutu,  .sagKutu {
    flex: 1 1 100% !important;
    width: 100% !important;   
    max-height: 65px;    
 } 
 .ortaSlider {
    min-height: 60vh;
    max-height: 65vh;
    overflow: hidden; 
    display: flex;
    flex-direction: column;    
 }
 .ortaSlider .elementor-widget-slides {
    height: 100%;
    max-height: 65vh;
  }
  .ortaSlider .elementor-slides-wrapper {
    height: 100%;
    max-height: 65vh;
  }
  .ortaSlider .swiper-slide {
    height: auto;
    max-height: 65vh;
    object-fit: cover; 
  }
  .ortaSlider .swiper-slide img,
  .ortaSlider .swiper-slide-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 65vh;
  }
    
  /* yatay metin */
  .vertical-text-container {
     align-items: center;
     justify-content: center;
   }
  .vertical-text-content {
    writing-mode: horizontal-tb;
    transform: none !important;
    height: auto;
    max-height: 75px;
    text-align: center;
    color: var(--beyaz); 
    font-size: 1.7em; 
    font-weight: 700; 
    letter-spacing: 0.15em; 
    position: relative; /* Ok simgesi konum */
    padding-right: 2.2em; /* Ok için sağda alan */
    padding-top: 0.6em;
    padding-bottom: 0.6em;
 }
  .vertical-text-content::after {
    content: "›"; 
    position: absolute;
    right: 0.5em;
    top: 45%; /* şık olmayan çözüm */
    transform: translateY(-50%);  
    color: var(--c-beyaz);  
    font-size: 1.7em;
    vertical-align: middle;
 }
  .solKutu, .sagKutu {  
    max-width: 92%; 
    max-height: 60px;         
    border-radius: 0.82em;
    margin-left:  auto;  
    margin-right:  auto;
    padding: 0.15em !important;
    background-color: var(--c-koyu-kanat) !important;
    transition: background-color 0.3s ease;
    filter: drop-shadow(2px 2px 2px #000000);    
 }  
 .solKutu {
   margin-top: 1em;
   margin-bottom: 0.5em;
 }
 .sagKutu {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
  .solKutu:hover, .sagKutu:hover {background-color: var(--c-red) !important;} 
   body.home .elementor-1183 {background: var(--c-kanat);}  /* buton arkaplan için */ 
}
/* --------------------------- 
  Kategori menüsü stilleri 
  --------------------------- */
 .category-menu {
   list-style: none;
   padding: 20px 0 0;
   margin: 0;
   font-size: 1em; 
}
.category-menu li {
   margin-bottom: 4px;
   transition: all 0.2s ease;
}
.category-menu a {
   color: rgba(0, 0, 0, 0.8);
   text-decoration: none;
   display: block;
   border-left: 3px solid transparent;
   transition: all 0.3s ease;
   padding-left: 3px;
}
.category-menu a:hover {
   color: var(--c-red);
   transform: translateX(0.1em);
}
.category-menu li.current-cat > .cat-item-inner > a {
   color: var(--c-red);
   border-left: 3px solid var(--c-red);
   padding-left: 5px;
   font-weight: 700;
   transform: translateX(3px);
}
.category-menu li.current-cat-parent > a {
   font-weight: 600;
   color: rgba(0, 0, 0, 0.8);
}
.category-menu .children {
   list-style: none;
   margin-top: 0.3em;
   padding-left: 5px;
}
.category-menu > li > a,
.category-menu > li > .cat-item-inner > a { /* S1 */
   font-weight: 700;}
.category-menu li li > .cat-item-inner > a { /* S2 */
   font-weight: 500;
   padding-left: 2px;}
.category-menu li li li > .cat-item-inner > a { /* S3 */
   font-weight: 400;
   padding-left: 5px;}
.category-menu li li li li > .cat-item-inner > a { /* S4 */
   font-weight: 300;
   padding-left: 8px;}
.category-menu ul.children {padding-left: 0.2em;}
/* Seviye-1 (kok kategori) ayraci - ana ogeyi bolum basligi gibi ayirir.
   Sadece kok hedeflenir: ust li yalnizca kok dogrudan <a> icerir,
   seviye-2+ ise .cat-item-inner icindedir. */
.category-menu > li > a {
   padding-bottom: 0;
   margin-bottom: 6px;
   border-bottom: 2px solid rgba(196, 22, 28, 0.992);
}
.description {margin-bottom: 2.5em;}
/* ------------------------------------------ 
 single.php icin
 Meta Bilgi Kutusu - shortcode için gerekli 
 ------------------------------------------ */
.meta-info-box {
  background: var(--c-gri-zemin);
  padding: 1.2em;
  border-radius: 0.5em;
  margin-left: 1.2em;}
.meta-item {
  margin-bottom: 10px;
  font-size: 0.9em;}
/* istemezuk */
.ast-article-single img {box-shadow: none;}

/* ileri geri okları */
.piraye-prev-link, .piraye-next-link {
   display: inline-flex;
   align-items: center;
   text-decoration: none;
}
.piraye-prev-link span, .piraye-next-link span {
   color: #686868; 
   font-size: 1em;
}
.piraye-prev-link svg, .piraye-next-link svg {
   width: 2em;
   height: 2em;
   fill: #c4161c; 
   margin: 0 0.3em;
}
/* ----------------------------------
* mobil ofcanvas menüler için 
* ----------------------------------- */
.pr-mobil-menu-toggle {  /* sadece arsiv listeleme sayfasinda kullaniliyor */
  display : none;
  position: fixed;
  bottom  : 50vh;
  right   : 15px;
  z-index : 751; /*hecül*/
  cursor  : pointer;
}
.pr-mobil-hamburger-icon {
display       : flex; 
justify-content: center; 
align-items   : center; 
width         : 2em; 
height        : 2em; 
font-size     : 1.65em;
color         : #000;
background    : #fff;
padding       : 6px;
border-radius : 5px;
box-shadow    : 0 2px 5px rgba(0,0,0,0.2);
box-sizing    : border-box;
}
.pr-mobil-menu.active ~ .pr-mobil-menu-toggle .pr-mobil-hamburger-icon::before {content: "×";}
.pr-mobil-menu {
  position      : fixed;
  top           : 20vh;
  bottom        : 10vh;
  left          : -100%;
  width         : 60%;  
  height        : auto; 
  min-height    : 8em;   
  padding       : 12px 0px 5px 12px;
  box-sizing    : border-box;   
  background    : rgba(239, 239, 239, 0.9);
  z-index       : 1917; /* vkpb */
  transition    : left 0.3s ease-in-out;
  border        : solid 1px rgba(0, 0, 0, 0.2);
  border-radius : 0 .6em .6em 0;
}
.pr-mobil-menu {
  transform : translateX(-100%);
  transition: transform 0.3s ease;
}
.pr-mobil-menu.active {
  left      : 0;
  transform : translateX(0);
 }
/* Elementor Off-Canvas Menü = genel header */
.e-off-canvas {
  transform : translateX(-100%);
  transition: transform 0.3s ease;
 }
.e-off-canvas[aria-hidden="false"] {transform: translateX(0);}
 @media (max-width: 768px) {.pr-mobil-menu-toggle {display: block;}} 
 
 /* -----------------------------------
* Timeline duzenlemeleri
* ------------------------------------ */
 .twae-description {
 font-size: 1.11em;
 line-height: 1.2;
 color: #252525 !important;  
 padding-left: .4em !important;
 padding-right: .4em !important;
 font-family: "Roboto Condensed", Roboto, sans-serif !important;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}
.twae-description > p { color: #252525 !important; }
.twae-description em { font-style: italic !important; }
.twae-wrapper .twae-description p { margin: 0 0 5px 0 !important; }
.twae-description > .ptfa {
  font-family: "Roboto Serif", Georgia, Times New Roman, Serif;
  color: #252525 !important;  
  font-size: 0.8em !important;
  line-height: 1.3;  
}
.twae-media.full img {    
max-height: 560px !important;
object-fit: contain;
margin-bottom: 5px !important;
}
.twae-media img{ margin-bottom: 5px !important; }