/*
Theme Name: Sigorta Birimi 2025 Theme
Template: elementra
Theme URI: https://sigortabirimi.com
Description: Sigorta Birimi
Author: masu
Author URI: https://masu.com.tr/
Version: 1.0
Tested up to: 6.7
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: elementra
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */



/*************************************************************
 *  HİZMET SAYFASI – TEMİZ CSS (Elementra uyumlu)
 *  Kapsam: sadece hizmet tekil sayfaları
 *************************************************************/

/* — KAPSAM — */
body.hizmet-layout,
body.single-hizmet {}

/* — Elementra sarmallarını genişlet — */
body.hizmet-layout .page_content_wrap,
body.hizmet-layout .content_wrap,
body.single-hizmet .page_content_wrap,
body.single-hizmet .content_wrap{
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.hizmet-layout .content,
body.single-hizmet .content{
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}
body.hizmet-layout .sidebar,
body.hizmet-layout #sidebar,
body.hizmet-layout .widget_area,
body.single-hizmet .sidebar,
body.single-hizmet #sidebar,
body.single-hizmet .widget_area{
  display: none !important;
}

/* — GENEL ÖLÇÜLER — */
:root{
  /* Tema değişkenleri yoksa fallback de veriyoruz */
  --hz-page-width: var(--theme-var-page_width, 1180px);
  --hz-gap:        calc(var(--theme-var-grid_gap, 30px));
  --hz-pad:        calc(var(--theme-var-grid_gap, 30px) * 0.7);
  --hz-radius:     var(--theme-var-global-border-radius, 14px);

  --hz-bg:         var(--theme-color-bg_color, #fff);
  --hz-bg-2:       var(--theme-color-bg_color_2, #f6f7fb);
  --hz-text:       var(--theme-color-text, #1b2430);
  --hz-title:      var(--theme-color-title, #0a1f44);
  --hz-meta:       var(--theme-color-meta, #6b7a90);
  --hz-link:       var(--theme-color-link, #0f3d91);
  --hz-border:     var(--theme-color-bd_color, #e6e9ef);
}

/* — KAPSAYICI — */
.hz .hz-container{
  max-width: var(--hz-page-width);
  margin: 0 auto;
  padding: 0 var(--hz-pad);
}

/* — BREADCRUMB — */
.hz-bc{
  background: transparent;
  padding: calc(var(--hz-gap)*0.4) 0 0;
}
.hz-bc a{ color: var(--hz-meta); text-decoration: none; }
.hz-bc span{ color: var(--hz-meta); margin: 0 6px; }

/* — HERO — */
.hz-hero{
  background: linear-gradient(180deg, var(--hz-bg-2), var(--hz-bg));
  border-bottom: 1px solid var(--hz-border);
  padding: calc(var(--hz-gap)*0.9) 0 calc(var(--hz-gap)*0.8);
}
.hz-hero-grid{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: var(--hz-gap);
  align-items: center;
}
.hz-title{
  font-family: var(--theme-font-h1_font-family, inherit);
  font-size: clamp(28px, 3.8vw, var(--theme-font-h2_font-size, 44px));
  line-height: var(--theme-font-h2_line-height, 1.2);
  font-weight: 800;
  color: var(--hz-title);
  margin: 0 0 8px;
}
.hz-lead{
  color: var(--hz-text);
  font-size: var(--theme-font-p_font-size, 16.5px);
  line-height: var(--theme-font-p_line_height, 1.75);
  max-width: 48rem;
  margin: 6px 0 0;
}
.hz-hero-visual{ display:flex; justify-content:flex-end }
.hz-blob{
  --size: 340px;
  width:var(--size); height:var(--size); border-radius:50%;
  overflow:hidden; background: var(--hz-bg-2);
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
  position: relative;
}
.hz-blob img{ position:absolute; inset:auto 0 0 0; width:95%; margin:auto; object-fit:contain }

/* — ANA DÜZEN: Sol nav + Sağ içerik — */
.hz-main{
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--hz-gap);
  padding: calc(var(--hz-gap)*0.9) 0 calc(var(--hz-gap)*1.2);
  background: var(--hz-bg);
}
.hz-side-title{
  margin: 0 0 10px;
  font-family: var(--theme-font-h5_font-family, inherit);
  font-size: var(--theme-font-h5_font-size, 20px);
  color: var(--hz-title);
  font-weight: 700;
}
.hz-side-nav{
  list-style: none;
  margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 10px;
}
.hz-side-nav a{
  display: block; text-decoration: none;
  color: var(--hz-title);
  background: var(--hz-bg-2);
  border: 1px solid var(--hz-border);
  border-radius: calc(var(--hz-radius) - 6px);
  padding: 12px 14px;
}
.hz-side-nav li.is-active a,
.hz-side-nav a:hover{
  background: var(--hz-link);
  color: #fff; border-color: transparent;
}

/* — İÇERİK KARTLARI — */
.hz-content{ display: grid; gap: calc(var(--hz-gap)*0.6) }
.hz-card{
  background: var(--hz-bg);
  border: 1px solid var(--hz-border);
  border-radius: var(--hz-radius);
  padding: 22px 24px;
  box-shadow: 0 10px 20px rgba(0,0,0,.04);
}
.hz-card h2{
  margin: 0 0 10px;
  font-family: var(--theme-font-h4_font-family, inherit);
  font-size: var(--theme-font-h4_font-size, 24px);
  color: var(--hz-title);
}
.hz-text{ color: var(--hz-text); line-height: var(--theme-font-p_line_height, 1.75) }

/* — GÖRSEL (özet) — */
.hizmet-hero .hizmet-thumb img{ width:100%; height:auto; border-radius: 12px }

/* — AVANTAJ / AÇIKLAMA: Klasik ve sade tablo — */
.hz-adv-table{
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 16px;
  line-height: 1.55;
}
.hz-adv-table thead th{
  background: var(--hz-bg-2);
  color: var(--hz-title);
  text-align: left;
  font-weight: 600;
  padding: 12px 16px;
  border-bottom: 2px solid var(--hz-border);
}
.hz-adv-table tbody td{
  padding: 12px 16px;
  border-bottom: 1px solid var(--hz-border);
  vertical-align: top;
  color: var(--hz-text);
}
.hz-adv-table tbody tr:nth-child(even){
  background: color-mix(in hsl, var(--hz-bg) 92%, var(--hz-bg-2) 8%);
}

/* — ÜST/ALT BOŞLUK — */
body.hizmet-layout .page_content_wrap,
body.single-hizmet .page_content_wrap{
  padding-top: 24px !important;
  padding-bottom: 36px !important;
}

/* — RESPONSIVE — */
@media (max-width: 1024px){
  .hz-hero-grid{ grid-template-columns: 1fr }
  .hz-hero-visual{ justify-content: center }
  .hz-blob{ --size: 260px }
  .hz-main{ grid-template-columns: 1fr }
}
@media (max-width: 768px){
  .hz .hz-container{ padding: 0 calc(var(--hz-gap)*0.5) }
  .hz-blob{ --size: 220px }
  /* tablo mobilde kartlaşsın */
  .hz-adv-table,
  .hz-adv-table thead,
  .hz-adv-table tbody,
  .hz-adv-table th,
  .hz-adv-table td,
  .hz-adv-table tr { display:block; width:100% }
  .hz-adv-table thead { display:none }
  .hz-adv-table tr{
    margin-bottom: 16px;
    border: 1px solid var(--hz-border);
    border-radius: 8px;
    padding: 8px;
    background: var(--hz-bg);
  }
  .hz-adv-table td{
    border: none;
    padding: 8px 10px;
  }
  .hz-adv-table td:first-child{
    font-weight: 600;
    margin-bottom: 4px;
  }
}

/* Hero ile içerik arasına boşluk */
.hz-hero {
  margin-bottom: 40px;   /* ihtiyaca göre 32px / 48px yapabilirsin */
}

.hz-main {
  margin-top: 0; /* üstten gelen fazladan boşluğu sıfırla */
}