/* =====================================================================
   PUBLIC TANITIM SITESI - MAGAZA / MARKET MODUL TANITIM SAYFALARI
   Proje kurali: inline CSS YOK.  www/function/modul_tanitim_govde.php linkler.

   bolge.css ile ayni tema-bagimsizlik kurali gecerlidir: 5 modern tema
   ortak kullanir ve theme_5 KOYU paletlidir. Bu yuzden sabit renk YOK:
     zemin/kenar -> rgba(128,128,128,...)   yazi -> inherit / currentColor
   Boylece acik ve koyu temada da dogru okunur.

   DIKKAT: www/css dizini depo kokundeki `svn:global-ignores = css` yuzunden
   SVN tarafindan yok sayilir. Buraya eklenen her yeni dosya
   `svn add --force` ile ACIKCA versiyona alinmalidir; aksi halde commit
   sessizce atlar ve canlida 404 verir (bolge.css'te bir kez yasandi).
   ===================================================================== */

.mdl-blok            { margin: 0 0 34px; }
.mdl-blok:last-child { margin-bottom: 0; }
.mdl-blok > h2       { font-size: 22px; margin: 0 0 12px; }
.mdl-blok p          { margin: 0 0 12px; line-height: 1.75; }
.mdl-soluk           { opacity: .75; }

/* --- Ozet seridi --- */
.mdl-ozet            { padding: 16px 18px; border-left: 3px solid currentColor;
                       background: rgba(128,128,128,.06); border-radius: 0 8px 8px 0; }
.mdl-ozet p:last-child { margin-bottom: 0; }

/* --- Ozellik kartlari --- */
.mdl-ozellik         { display: flex; flex-wrap: wrap; gap: 14px; padding: 0; margin: 0; list-style: none; }
.mdl-ozellik li      { flex: 1 1 280px; padding: 16px 18px;
                       border: 1px solid rgba(128,128,128,.28); border-radius: 10px;
                       background: rgba(128,128,128,.04); }
.mdl-ozellik h3      { margin: 0 0 6px; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.mdl-ozellik h3 .ico { width: 16px; height: 16px; flex: 0 0 auto; opacity: .7; }
.mdl-ozellik p       { margin: 0; font-size: 14px; line-height: 1.65; opacity: .85; }

/* --- Kime uygun / kullanim alanlari --- */
.mdl-kim             { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.mdl-kim li          { padding: 7px 13px; border: 1px solid rgba(128,128,128,.28);
                       border-radius: 999px; font-size: 14px; }

/* --- Anasayfa / sayfa ici modul kartlari (iki modul yan yana) --- */
.mdl-kartlar         { display: flex; flex-wrap: wrap; gap: 16px; padding: 0; margin: 0; list-style: none; }
.mdl-kart            { flex: 1 1 300px; display: flex; flex-direction: column; gap: 8px;
                       padding: 20px; border: 1px solid rgba(128,128,128,.28); border-radius: 12px;
                       background: rgba(128,128,128,.05); color: inherit; text-decoration: none;
                       transition: border-color .15s, transform .15s, box-shadow .15s; }
a.mdl-kart:hover     { border-color: currentColor; transform: translateY(-2px);
                       box-shadow: 0 6px 18px rgba(0,0,0,.10); text-decoration: none; }
.mdl-kart-ust        { display: flex; align-items: center; gap: 10px; }
.mdl-kart-ust .ico   { width: 20px; height: 20px; flex: 0 0 auto; }
.mdl-kart-eyebrow    { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; opacity: .6; }
.mdl-kart h3         { margin: 0; font-size: 17px; }
.mdl-kart p          { margin: 0; font-size: 14px; line-height: 1.6; opacity: .85; }
.mdl-kart-git        { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 600;
                       display: inline-flex; align-items: center; gap: 6px; }

/* --- SSS (FAQPage yapisal verisiyle ayni icerik) --- */
.mdl-sss             { border-top: 1px solid rgba(128,128,128,.24); }
.mdl-sss details     { border-bottom: 1px solid rgba(128,128,128,.24); }
.mdl-sss summary     { cursor: pointer; padding: 14px 0; font-weight: 600; list-style: none; }
.mdl-sss summary::-webkit-details-marker { display: none; }
.mdl-sss summary::after { content: '+'; float: right; font-weight: 400; opacity: .6; }
.mdl-sss details[open] summary::after { content: '\2212'; }
.mdl-sss .mdl-cevap  { padding: 0 0 14px; margin: 0; line-height: 1.75; opacity: .9; }

/* --- Alt eylem seridi --- */
.mdl-cta             { margin-top: 30px; padding: 22px; border-radius: 12px;
                       border: 1px solid rgba(128,128,128,.28); background: rgba(128,128,128,.06);
                       display: flex; flex-wrap: wrap; gap: 14px; align-items: center;
                       justify-content: space-between; }
.mdl-cta h3          { margin: 0 0 4px; font-size: 18px; }
.mdl-cta p           { margin: 0; opacity: .8; font-size: 14px; }
.mdl-cta-eylem       { display: flex; flex-wrap: wrap; gap: 10px; }

@media (max-width: 640px) {
  .mdl-ozellik li    { flex: 1 1 100%; }
  .mdl-cta           { flex-direction: column; align-items: flex-start; }
}