/* Elektrikli Şömine Kurumsal v1.3.3 — compact corporate inner-page headings and FAQ */
/* Isolated to .esk-inner-main so WooCommerce, admin, homepage and Panda Ultra Galeri are unchanged. */
.esk-inner-main .esk-inner-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at 84% 35%,rgba(244,109,25,.12),transparent 48%),linear-gradient(120deg,#181411,#30241e 64%,#191512);
}
.esk-inner-main .esk-inner-hero .esk-container {position:relative;z-index:1}
.esk-inner-main .esk-inner-eyebrow {
  display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;
  color:#ff974f;letter-spacing:.12em;margin:25px 0 8px;line-height:1.4;
}
.esk-inner-main .esk-inner-eyebrow::before {content:"";display:block;width:25px;height:2px;background:#fa7727;border-radius:2px}
.esk-inner-main .esk-inner-hero h1 {max-width:900px;letter-spacing:-.025em;line-height:1.17;overflow-wrap:break-word}
.esk-inner-main .esk-inner-hero h1::after {content:"";display:block;height:4px;width:70px;margin-top:21px;background:linear-gradient(90deg,#ff7721,#ffc18b);border-radius:9px}

/* Easy-to-scan, consistent article heading hierarchy. */
.esk-inner-main .esk-entry-body :is(h2,h3,h4) {scroll-margin-top:115px;overflow-wrap:anywhere}
.esk-inner-main .esk-entry-body h2 {
  position:relative;
  color:#211b18;
  font-size:clamp(19px,1.45vw,22px);
  font-weight:760;letter-spacing:-.015em;line-height:1.38;
  padding:12px 16px 12px 19px;
  margin:30px 0 16px;
  border-left:3px solid var(--esk-orange, #f36d12);
  border-radius:0 9px 9px 0;
  background:linear-gradient(110deg,#fff8f2 0%,#fff 65%);
  box-shadow:inset 0 0 0 1px rgba(238,216,200,.4);
}
.esk-inner-main .esk-entry-body > h2:first-child {margin-top:6px}
.esk-inner-main .esk-entry-body h3 {
  position:relative;font-size:clamp(16px,1.25vw,18px);font-weight:740;
  line-height:1.4;color:#29211d;letter-spacing:-.012em;
  padding-left:17px;margin:23px 0 11px;
}
.esk-inner-main .esk-entry-body h3::before {
  content:"";position:absolute;left:0;top:.57em;width:7px;height:7px;
  background:#f47523;border-radius:3px;transform:rotate(45deg);
  box-shadow:0 0 0 3px #fff0e5;
}
.esk-inner-main .esk-entry-body h4 {font-size:16px;line-height:1.4;font-weight:750;margin:22px 0 10px;color:#34251c}
.esk-inner-main .esk-entry-body :is(p,li) {overflow-wrap:break-word}
.esk-inner-main .esk-entry-body :is(ul,ol) {margin:14px 0 24px;padding-left:26px}
.esk-inner-main .esk-entry-body :is(ul,ol) li {padding-left:3px;margin-bottom:9px}
.esk-inner-main .esk-entry-body ul li::marker {color:#e96a1b}
.esk-inner-main .esk-entry-body blockquote {border-radius:0 10px 10px 0;background:#fff6ef}

/* FAQ title becomes the header of an elegant and legible answer list. */
.esk-inner-main .esk-entry-body h2.esk-inner-faq-heading {
  font-size:clamp(19px,1.55vw,23px);
  line-height:1.4;
  margin-top:34px;
  padding:13px 18px;
  border-left:3px solid #f57a29;
  background:linear-gradient(110deg,#1e1713,#3a251a);
  color:#fff;
  box-shadow:0 5px 15px rgba(37,24,14,.08);
  border-radius:9px;
}
.esk-inner-main .esk-inner-faq-list {display:grid;gap:9px;margin:0 0 29px}
.esk-inner-main .esk-inner-faq-card {
  overflow:hidden;background:#fff;
  border:1px solid #eadfd5;border-radius:9px;
  box-shadow:0 4px 20px rgba(38,25,15,.04);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.esk-inner-main .esk-inner-faq-card[open] {border-color:#f1bd92;box-shadow:0 10px 26px rgba(63,34,10,.08)}
.esk-inner-main .esk-inner-faq-question {
  display:flex;align-items:center;gap:10px;list-style:none;
  cursor:pointer;padding:12px 16px;min-height:50px;
}
.esk-inner-main .esk-inner-faq-question::-webkit-details-marker {display:none}
.esk-inner-main .esk-inner-faq-question::before {
  content:"?";display:grid;place-items:center;flex:0 0 27px;
  width:27px;height:27px;border-radius:8px;background:#fff0e5;
  color:#dc5c10;font-weight:800;font-size:14px;
}
.esk-inner-main .esk-inner-faq-question::after {
  content:"+";display:grid;place-items:center;margin-left:auto;flex:0 0 26px;
  width:26px;height:26px;border-radius:50%;background:#f8f4f0;
  color:#ae5a25;font-size:19px;font-weight:400;line-height:1;
}
.esk-inner-main .esk-inner-faq-card[open] .esk-inner-faq-question::after {
  content:"−";background:#f47623;color:#fff;
}
.esk-inner-main .esk-inner-faq-question:focus-visible {outline:3px solid #e86a1b;outline-offset:-4px;border-radius:10px}
.esk-inner-main .esk-inner-faq-question h3,
.esk-inner-main .esk-entry-body .esk-inner-faq-question h3 {
  margin:0;padding:0;color:#28201b;font-size:clamp(14px,1.05vw,16px);
  line-height:1.45;font-weight:730;flex:1;
}
.esk-inner-main .esk-entry-body .esk-inner-faq-question h3::before {display:none}
.esk-inner-main .esk-inner-faq-answer {
  padding:0 19px 16px 53px;border-top:1px solid #f2e8df;
  color:#514840;font-size:14px;line-height:1.75;
}
.esk-inner-main .esk-inner-faq-answer > :first-child {margin-top:13px}
.esk-inner-main .esk-inner-faq-answer > :last-child {margin-bottom:0}
.esk-inner-main .esk-inner-faq-answer :is(h3,h4) {margin-top:12px}
/* Existing Gutenberg Details blocks get the same visual language, without reparenting them. */
.esk-inner-main .esk-entry-body > details.wp-block-details {
  border:1px solid #eadfd5;border-radius:12px;background:#fff;margin:12px 0;overflow:hidden;
  box-shadow:0 4px 18px rgba(36,26,18,.035);
}
.esk-inner-main .esk-entry-body > details.wp-block-details > summary {
  cursor:pointer;padding:13px 16px;font-weight:730;color:#2d251f;
  background:#fffaf6;
}
.esk-inner-main .esk-entry-body > details.wp-block-details > :not(summary) {margin-left:20px;margin-right:20px}
/* Elementor or layout plugins are left untouched; scoped only to theme article content. */
@media (max-width:960px) {
 .esk-inner-main .esk-entry-body h2 {margin-top:28px}
 .esk-inner-main .esk-inner-faq-list {gap:9px}
}
@media (max-width:660px) {
 .esk-inner-main .esk-inner-eyebrow {margin-top:21px;font-size:10px}
 .esk-inner-main .esk-inner-hero h1::after {margin-top:15px;width:55px}
 .esk-inner-main .esk-entry-body h2 {font-size:19px;padding:11px 13px 11px 15px;margin:25px 0 14px;border-left-width:3px;border-radius:0 8px 8px 0}
 .esk-inner-main .esk-entry-body h3 {font-size:16px;padding-left:16px;margin:21px 0 10px}
 .esk-inner-main .esk-entry-body h3::before {width:7px;height:7px;top:.6em}
 .esk-inner-main .esk-entry-body h2.esk-inner-faq-heading {font-size:19px;margin-top:28px;padding:13px 14px}
 .esk-inner-main .esk-inner-faq-question {padding:12px 13px;gap:9px;min-height:49px}
 .esk-inner-main .esk-inner-faq-question::before {flex-basis:25px;width:25px;height:25px;font-size:14px;border-radius:7px}
 .esk-inner-main .esk-inner-faq-question::after {flex-basis:24px;width:24px;height:24px;font-size:18px}
 .esk-inner-main .esk-entry-body .esk-inner-faq-question h3 {font-size:14px;line-height:1.4}
 .esk-inner-main .esk-inner-faq-answer {padding:0 14px 15px 14px;font-size:14px}
 .esk-inner-main .esk-inner-faq-answer > :first-child {margin-top:13px}
}
@media (prefers-reduced-motion:reduce) {
 .esk-inner-main .esk-inner-faq-card {transition:none}
}