/* IDEALSoft Sefer tanitim sitesi (seferweb.idealbulut.tr): site.css (bulutweb ile ortak) uzerine Sefer renkleri ve sayfaya ozel bolumler.
   Sefer yesili #13755a (programdaki ana dugme rengi). */
:root {
  --brand-50: #e6f4ef; --brand-100: #c4e6d9; --brand-500: #169070; --brand-600: #13755a; --brand-700: #0d5a45; --brand-900: #061a3d;
}
.cta-band { color: #d5f0e6; }
.cta-band p { color: #b9e3d4; }

/* Ust bar: IDEALSoft yazi markasi + urun adi (tum IDEALSoft programlarindaki standart) */
.brand.wordmark .wm-sub { color: #535252; }

/* Web · Mobil · Masaustu */
.ver-cards { display: grid; gap: 1rem; }
.ver { position: relative; background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--brand-600); border-radius: var(--radius); padding: 1.4rem 1.3rem 1.3rem; box-shadow: var(--shadow); display: flex; flex-direction: column; }
.ver-ico { width: 2.8rem; height: 2.8rem; border-radius: .8rem; background: var(--brand-50) center / 1.5rem no-repeat; margin-bottom: .9rem; }
.ver-web .ver-ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313755a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E"); }
.ver-mobil .ver-ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313755a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); }
.ver-masa .ver-ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313755a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l8-1.2v7.7H3zM13 3.5L21 2v9.5h-8zM3 13h8v7.2L3 19zM13 13h8v9l-8-1.4z'/%3E%3C/svg%3E"); }
.ver .tag { position: absolute; top: 1.2rem; right: 1.2rem; font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: .2rem .5rem; border-radius: .4rem; background: var(--brand-50); color: var(--brand-700); }
.ver h3 { margin-bottom: .2rem; }
.ver .checks { margin-top: .6rem; flex: 1; }
.ver .checks li { font-size: .92rem; }
.ver .btn { margin-top: 1rem; align-self: flex-start; }

/* Klavye kisayollari */
.keys { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr)); gap: .6rem; }
.keys li { display: flex; align-items: center; gap: .7rem; background: #fff; border: 1px solid var(--line); border-radius: .7rem; padding: .55rem .75rem; font-size: .92rem; color: var(--ink); }
kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 2.6rem; padding: .2rem .45rem; border: 1px solid #cbd5e1; border-bottom-width: 3px; border-radius: .45rem; background: var(--soft); font-family: ui-monospace, Consolas, monospace; font-size: .82rem; font-weight: 700; color: var(--ink); }

/* Telefon cercevesi (mobil ekran goruntusu) */
.phone { margin: 0 auto; width: min(19rem, 80vw); border: 10px solid #0f172a; border-radius: 2.2rem; overflow: hidden; background: #0f172a; box-shadow: var(--shadow-lg); }
.phone img { display: block; width: 100%; border-radius: 1.4rem; }
.phone-row { display: grid; gap: 2rem; align-items: center; }

/* Gorunum secenekleri */
.themes { list-style: none; padding: 0; margin: 1rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.themes li { padding: .35rem .8rem; border-radius: 99px; border: 1px solid var(--line); font-size: .85rem; font-weight: 600; }
.themes .t-acik { background: #fff; color: #1f2937; }
.themes .t-koyu { background: #1e293b; color: #e2e8f0; border-color: #1e293b; }
.themes .t-kagit { background: #f6efe0; color: #4a3b22; border-color: #e7dcc3; }

/* Paket karsilastirma: lisans secenekleri */
.lic { display: grid; gap: 1rem; margin-top: 1.5rem; }
.lic .card h3 { font-size: 1rem; }
.plan .plan-meta span + span::before { content: " · "; }

@media (min-width: 768px) {
  .ver-cards { grid-template-columns: repeat(3, 1fr); }
  .lic { grid-template-columns: repeat(3, 1fr); }
  .plans { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 54rem; }
  .phone-row { grid-template-columns: 1.2fr 1fr; gap: 3.5rem; }
}

/* Sefer: masaustu ekran goruntusu (pencere kendi basligiyla, tarayici cubugu yok) ve koyu Is Panosu */
.shot.masa .shot-bar { display: none; }
.ver .yakinda { align-self: flex-start; margin-top: 1rem; font-size: .8rem; font-weight: 700; padding: .3rem .6rem; border-radius: .4rem; background: #fff7e6; color: #8a5300; border: 1px solid #f3d9a4; }
.pano-band { background: #0f2236; color: #e2e8f0; }
.pano-band h2 { color: #fff; }
.pano-band .muted { color: #b7c6d6; }
.pano-band .checks li { color: #e2e8f0; }
.pano-band .shot { border-color: #1d3a57; }
.tek-paket { margin-top: 2rem; padding: 1.6rem 1.5rem; }
.tek-paket h3 { margin-bottom: .2rem; }
.tek-paket .checks { margin-top: 1rem; }
@media (min-width: 768px) { .tek-paket .checks { columns: 2; column-gap: 2.5rem; } .tek-paket .checks li { break-inside: avoid; } }