/* Miel Akademi – tema stilleri (theme.json'u tamamlar) */

:root{
  --miel-radius-buton:8px; --miel-radius-kart:12px; --miel-radius-panel:20px;
}
body{ -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4{ text-wrap:balance; }
p,li{ max-width:68ch; }
.has-text-align-center p, .has-text-align-center li{ margin-inline:auto; }

/* Üst etiket: büyük harf, harf aralıklı, adaçayı */
.is-style-etiket{
  font-size:.8125rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--wp--preset--color--adacayi); margin-bottom:.5rem;
}
.has-fume-background-color .is-style-etiket{ color:var(--wp--preset--color--bal); }

/* Rozet (Yakında vb.) */
.is-style-rozet{
  display:inline-block; font-size:.8125rem; font-weight:600; padding:.25rem .75rem;
  border-radius:999px; background:var(--wp--preset--color--adacayi-tonu); color:#2F4A35;
}

/* Kart */
.is-style-kart{
  background:var(--wp--preset--color--yuzey); border:1px solid var(--wp--preset--color--cizgi);
  border-radius:var(--miel-radius-kart); padding:1.75rem 1.5rem !important;
  height:100%; display:flex; flex-direction:column; gap:.75rem;
}
.is-style-kart > :last-child{ margin-top:auto; }
.is-style-kart h3{ margin:0; }

/* Koyu bant */
.is-style-koyu-bant{
  background:var(--wp--preset--color--fume); color:var(--wp--preset--color--metin-koyu-zemin);
  border-radius:var(--miel-radius-panel); padding:3.5rem 3rem !important;
}
.is-style-koyu-bant h1,.is-style-koyu-bant h2,.is-style-koyu-bant h3{ color:var(--wp--preset--color--zemin); }
.is-style-koyu-bant a:not(.wp-block-button__link){ color:var(--wp--preset--color--zemin); }
@media (max-width:600px){ .is-style-koyu-bant{ padding:2rem 1.25rem !important; } }

/* Kum bant (tam genişlik bölüm) */
.is-style-kum-bant{ background:var(--wp--preset--color--zemin-kum); }

/* Onay işaretli liste */
.is-style-onay{ list-style:none; padding-left:0; }
.is-style-onay li{ position:relative; padding-left:1.75rem; margin-bottom:.5rem; }
.is-style-onay li::before{
  content:""; position:absolute; left:0; top:.45em; width:1rem; height:1rem;
  background:var(--wp--preset--color--bal); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}

/* Bölüm aralıkları */
.miel-bolum{ padding-block:var(--wp--preset--spacing--60); }

/* Üst bilgi */
.miel-header{ border-bottom:1px solid var(--wp--preset--color--cizgi); background:var(--wp--preset--color--zemin); }
.miel-header .wp-block-site-logo img{ height:40px; width:auto; }
.miel-header .wp-block-navigation a{ text-decoration:none; }
.miel-header .wp-block-navigation a:hover{ color:#8A5A00; }
.miel-header .wp-block-button__link{ padding:.65rem 1.1rem; }

/* Alt bilgi */
.miel-footer{ background:var(--wp--preset--color--fume); color:var(--wp--preset--color--metin-koyu-zemin); font-size:.9375rem; }
.miel-footer a{ color:var(--wp--preset--color--metin-koyu-zemin); text-decoration:none; }
.miel-footer a:hover{ color:var(--wp--preset--color--bal); }
.miel-footer .wp-block-navigation a{ color:var(--wp--preset--color--metin-koyu-zemin); }
.miel-footer h2,.miel-footer h3,.miel-footer p.miel-marka{ color:var(--wp--preset--color--zemin); }
.miel-footer .miel-sirket{ border-top:1px solid #4A4D50; padding-top:1.5rem; font-size:.8125rem; color:#C8C6C0; }

/* Fiyat satırı */
.miel-fiyat{ font-weight:600; color:var(--wp--preset--color--fume); font-size:.9375rem; }

/* Numaralı altıgen adım rozeti */
.miel-adim{ display:flex; flex-direction:column; gap:.75rem; }
.miel-adim .miel-no{
  width:52px; height:58px; display:grid; place-items:center;
  background:var(--wp--preset--color--bal-tonu); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  font-family:var(--wp--preset--font-family--display); font-weight:600; font-size:1.25rem; color:var(--wp--preset--color--fume);
}

/* Tablolar */
.wp-block-table table{ border-collapse:collapse; }
.wp-block-table th{ background:var(--wp--preset--color--zemin-kum); color:var(--wp--preset--color--fume); text-align:left; }
.wp-block-table td,.wp-block-table th{ border:1px solid var(--wp--preset--color--cizgi); padding:.6rem .75rem; vertical-align:top; }
.wp-block-table{ overflow-x:auto; }

/* Details / SSS */
.wp-block-details{ border:1px solid var(--wp--preset--color--cizgi); }
.wp-block-details summary{ font-weight:600; color:var(--wp--preset--color--fume); cursor:pointer; }
.wp-block-details > *:not(summary){ margin-top:.75rem; }

/* Formlar (WPForms / Fluent Forms / Tutor ortak) */
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{
  border:1px solid var(--wp--preset--color--cizgi-koyu); border-radius:var(--miel-radius-buton);
  padding:.7rem .9rem; font:inherit; background:#fff; width:100%;
}
input:focus,select:focus,textarea:focus{ outline:2px solid var(--wp--preset--color--bal); outline-offset:1px; }
button,.wpforms-submit,.fluentform .ff-btn-submit{
  background:var(--wp--preset--color--bal) !important; color:var(--wp--preset--color--fume) !important;
  border:0 !important; border-radius:var(--miel-radius-buton) !important; font-weight:600 !important; padding:.9rem 1.5rem !important;
}

/* Tutor LMS marka uyumu */
.tutor-btn-primary,.tutor-btn.tutor-btn-primary{ background:var(--wp--preset--color--bal) !important; color:var(--wp--preset--color--fume) !important; border-color:var(--wp--preset--color--bal) !important; }
.tutor-course-card,.tutor-card{ border:1px solid var(--wp--preset--color--cizgi) !important; border-radius:var(--miel-radius-kart) !important; box-shadow:none !important; }
.tutor-progress-bar .tutor-progress-value{ background:var(--wp--preset--color--bal) !important; }

/* Blog listesi */
.miel-yazi-karti{ border:1px solid var(--wp--preset--color--cizgi); border-radius:var(--miel-radius-kart); background:#fff; padding:1.5rem; height:100%; }
.miel-yazi-karti .wp-block-post-title{ font-size:1.3125rem; font-family:var(--wp--preset--font-family--sans); margin:0 0 .5rem; }
.miel-yazi-karti .wp-block-post-title a{ text-decoration:none; }

/* Odak görünürlüğü */
a:focus-visible,button:focus-visible{ outline:2px solid var(--wp--preset--color--bal); outline-offset:2px; }

@media (prefers-reduced-motion:reduce){ *{ transition:none !important; animation:none !important; } }