/* ==========================================================================
   HELLO-ELEMENTOR ZIRHI — bu dosya HER ZAMAN ilk yüklenir.
   Kök neden: hello-elementor/assets/css/{reset,theme}.css eklenti CSS'inden
   SONRA yüklenir ve genel eleman seçicileriyle (a, button, h1-h6, input, table)
   tek-sınıf component kurallarımızı yener. Burada tema NÖTRLENİR; görünümü
   components.css / chrome.css / pages/*.css verir.

   Elementor kapalı olduğu için hello-elementor'un dört kuralı açığa çıkar:
   1. .comments-area a,.page-content a{text-decoration:underline}   (0,1,1)
   2. body:not([class*=elementor-page-]) .site-main{max-width:1140px} (0,2,1)
   3. hello_elementor_header_footer  → PHP filtresiyle kapatıldı
   4. hello_elementor_page_title     → PHP filtresiyle kapatıldı
   ========================================================================== */

/* --- 1) İÇERİK GENİŞLİĞİ KELEPÇESİ ---------------------------------------
   Tema .site-main'i 1140px'e (küçük ekranda 500–800px) kelepçeler; chrome tam
   genişlik kaldığı için iki yanda ölü beyaz kanal oluşur. body sınıfımızla
   (0,3,1) yazıyoruz → kaynak sırasından bağımsız kazanır, !important yok. */
body.ses-site.ses-owned .site-main,
body.ses-site.ses-owned .page-content,
body.ses-site.ses-owned .entry-content {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.ses-site .site-header,
body.ses-site .site-footer,
body.ses-site .page-header {
  display: none;
}

/* --- 2) LINKLER -----------------------------------------------------------
   reset: a{color:#c36}; a:active,a:hover{color:#336} */
.ses-app :where(a) { color: inherit; text-decoration: none; }
.ses-app :where(a:hover, a:focus) { color: inherit; }

/* Tema kuralı .page-content a / .comments-area a (0,1,1) :where()'i yener.
   Sarmalayıcıyı tema kabıyla birlikte hedefle → (0,2,1). */
.page-content .ses-app a,
.entry-content .ses-app a,
.comments-area .ses-app a,
.site-main .ses-app a { text-decoration: none; }

/* --- 3) BAŞLIKLAR  reset: h1..h6{color:inherit;font-weight:500} ----------- */
.ses-app :where(h1, h2, h3, h4, h5, h6) {
  color: var(--ses-heading, inherit);
  font-weight: 800;
  margin: 0;
}

/* --- 4) BUTONLAR — dinlenme durumu ---------------------------------------
   reset: [type=button],[type=submit],button{border:1px solid #c36;color:#c36;white-space:nowrap} */
.ses-app :where(button, [type="button"], [type="submit"], [type="reset"]) {
  color: inherit;
  background: none;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  white-space: normal;
  min-width: 0;
  cursor: pointer;
}

/* --- 5) BUTONLAR — hover/focus/active  (#1 BUG: pembe dolgu) --------------
   reset: button:hover/:focus{background-color:#c36;color:#fff}  (0,2,0)
   :is() ile (0,3,0) → temayı yener. Solid CTA'lar kendi :hover'ıyla korunur;
   bu yüzden components.css'teki her solid butonun explicit :hover'ı VARDIR. */
.ses-app :is(button, [type="button"], [type="submit"], [type="reset"]):hover,
.ses-app :is(button, [type="button"], [type="submit"], [type="reset"]):focus,
.ses-app :is(button, [type="button"], [type="submit"], [type="reset"]):active {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
  box-shadow: none;
}

/* --- 6) FORM ALANLARI ----------------------------------------------------
   reset: input,select,textarea{border:1px solid #666}; :focus{border-color:#333} (0,2,1) */
.ses-app :is(input, select, textarea) {
  font-family: inherit;
  font-size: inherit;
  color: var(--ses-text);
  background: var(--ses-white);
  border: 1px solid var(--ses-border);
  border-radius: var(--ses-r-btn);
}
.ses-app :is(input, select, textarea):focus {
  outline: none;
  border-color: var(--ses-blue-light);
  box-shadow: 0 0 0 3px rgba(42, 171, 226, .18);
}
.ses-app :is(input[type="checkbox"], input[type="radio"]) {
  border-radius: 4px;
  box-shadow: none;
}
.ses-app :is(input[type="checkbox"], input[type="radio"]):focus {
  box-shadow: 0 0 0 3px rgba(42, 171, 226, .18);
}

/* --- 7) TABLOLAR ---------------------------------------------------------
   reset: table td,th{border:1px solid hsla(0,0%,50%,.5);padding:15px}
          tbody>tr:nth-child(odd)>td{background:hsla(0,0%,50%,.071)}
          tbody tr:hover>td{background:hsla(0,0%,50%,.102)}
   WooCommerce sepet/ödeme tablolarındaki gri örtüyü kaldırır. */
.ses-app :where(table, table td, table th) {
  background: none;
  border: 0;
  padding: 0;
}
.ses-app table { border-collapse: collapse; width: 100%; }
.ses-app table tbody > tr:nth-child(odd) > td,
.ses-app table tbody > tr:nth-child(odd) > th,
.ses-app table tbody tr:hover > td,
.ses-app table tbody tr:hover > th { background: none; }

/* --- 8) GÖRSELLER / LOGO ------------------------------------------------
   reset: img{height:auto;max-width:100%} sabit yükseklikli logoyu devleştirir. */
.ses-app :where(img) { max-width: 100%; }
.ses-app .ses-logo img { height: var(--ses-logo-h, 54px); width: auto; }
.ses-app .ses-footer__logo img { height: 62px; width: auto; }

/* --- 9) LİSTELER --------------------------------------------------------- */
.ses-app :where(ul, ol) { margin: 0; padding: 0; }
.ses-app :where(ul[class], ol[class]) { list-style: none; }

/* --- 10) hello-elementor'un "içeriğe geç" bağlantısı PHP'de kapatıldı;
   yine de görünürse gizle. */
body.ses-site > .skip-link { display: none; }