a:visited {
  color: red;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}


.example2:hover {color:green;}
.example3:hover {color:red;}
.example3:active {font-weight:bold;}
.example2:active {font-weight:bold;}
.example3:hover {font-weight:bold;}
.example2:hover {font-weight:bold;}


body {
    font-family: sans-serif;    
    font-size: 1em;
}

.intuative-checkbox input[type="checkbox"]:checked + label {
	color:red;
	opacity: .8;
	text-decoration: line-through;
}

input[type=checkbox]:checked + label{
    color:green;
}
input[type=checkbox]:checked + span{
    color:green;
}



.figure class="wp-block-table"{
	overflow: auto; -webkit-overflow-scrolling: touch;} td { white-space: nowrap;}
overflow-x: scroll;
display:block;


input[type=checkbox]:checked + label.strikethrough{
  text-decoration: line-through;
}



label {
  font-size: 18;
}

input[type=checkbox]:checked + label {
  color:red;
  text-decoration: line-through;
} /*This is the MDN spec for doing this*/

/* #cbox3 {
  color:green;
  text-decoration: none;
} */

#cbox3:checked + label {
  color:green;
  text-decoration: none;
}

.cbox4 {
  font-size: 18;
  color:red;
  text-decoration: line-through;
}

/* .cbox4:checked + label {
  font-size: 18;
  color:red;
  text-decoration: line-through;
} */

/* section article div input[type=checkbox]:checked + label {
  color:orange;
  text-decoration: line-through;
} */   /* Super over selected!*/

/* input[type=checkbox]:checked + label {
  font-size: 18;
  color:green;
  text-decoration: line-through;
} */


.question input {
    display: block;
    margin-top: 5px;
}



/* ==========================================================================
   BİRLEŞTİRİLMİŞ İNTERAKTİF TEST STİLLERİ (Tüm Bölümler İçin Ortak)
   ========================================================================== */

/* Genel Kutu Yapısı */
.quiz-box-a, .quiz-box-b, .quiz-box-c, .quiz-box-passato, .quiz-box-futuro {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  max-width: 650px;
  margin: 20px auto;
  padding: 15px;
  background: #fcfcfc;
  border-radius: 12px;
  box-sizing: border-box;
}

/* Bölüm Başlıkları ve Renk Çizgileri */
.title-a, .title-b, .title-c, .title-p, .title-f {
  font-size: 18px;
  color: #2c3e50;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: 700;
}
.title-a { border-left: 5px solid #2ecc71; } /* Yeşil - Bölüm A */
.title-b { border-left: 5px solid #3498db; } /* Mavi - Bölüm B */
.title-c { border-left: 5px solid #9b59b6; } /* Mor - Bölüm C */
.title-p { border-left: 5px solid #e74c3c; } /* Kırmızı - Geçmiş Zaman */
.title-f { border-left: 5px solid #f1c40f; } /* Sarı - Gelecek Zaman */

/* Kart ve Satır Düzenleri */
.card-a, .card-b, .card-c, .card-p, .card-f {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.info-a, .info-b, .info-c, .info-p, .info-f {
  font-size: 14px;
  color: #475569;
  margin-bottom: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.row-a, .row-b, .row-c, .row-p, .row-f {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #e2e8f0;
}
.row-a:last-child, .row-b:last-child, .row-c:last-child, .row-p:last-child, .row-f:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.text-a, .text-b, .text-c, .text-p, .text-f {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}

/* Kapsayıcılar ve Kılavuz Yazılar */
.wrapper-a, .wrapper-b, .wrapper-c, .wrapper-p, .wrapper-f {
  display: inline-flex;
  flex-direction: column;
  margin-right: 10px;
  vertical-align: top;
  margin-bottom: 10px;
  width: 100%;
}
.wrapper-a, .wrapper-c, .wrapper-p, .wrapper-f { max-width: 450px; }
.wrapper-b { max-width: 380px; }

.guide-a, .guide-b, .guide-c, .guide-p, .guide-f {
  font-size: 11px;
  color: #94a3b8;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Giriş Alanları (Input ve Select) */
.input-a, .select-b, .input-c, .select-p, .select-f {
  padding: 8px 12px;
  font-size: 14px;
  border: 2px solid #cbd5e1;
  border-radius: 6px;
  outline: none;
  box-sizing: border-box;
  transition: all 0.2s ease;
  background-color: #fff;
  width: 100%;
}

/* Odaklanma (Focus) Renkleri */
.input-a:focus { border-color: #2ecc71; }
.select-b:focus { border-color: #3498db; }
.input-c:focus { border-color: #9b59b6; }
.select-p:focus { border-color: #e74c3c; }
.select-f:focus { border-color: #f1c40f; }

/* Doğrulama Bildirimleri */
.indicator-a, .indicator-b, .indicator-c, .indicator-p, .indicator-f {
  font-weight: bold;
  font-size: 14px;
  color: #2ecc71;
  display: none;
  margin-top: 5px;
}

/* ==========================================================================
   CSS İLE OTOMATİK KONTROL MEKANİZMASI
   ========================================================================== */

/* Yazı Girişleri (Regex Eşleştiğinde Çalışır) */
.input-a:valid, .input-c:valid {
  border-color: #2ecc71 !important;
  background-color: #e8f8f5 !important;
  color: #27ae60 !important;
}
.input-a:valid + .indicator-a, 
.input-c:valid + .indicator-c {
  display: inline-block !important;
}

/* Seçmeli Alanlar (value="correct" Seçildiğinde Çalışır) */
.select-b:has(option[value="correct"]:checked),
.select-p:has(option[value="correct"]:checked),
.select-f:has(option[value="correct"]:checked) {
  border-color: #2ecc71 !important;
  background-color: #e8f8f5 !important;
  color: #27ae60 !important;
}

.wrapper-b:has(.select-b option[value="correct"]:checked) .indicator-b,
.wrapper-p:has(.select-p option[value="correct"]:checked) .indicator-p,
.wrapper-f:has(.select-f option[value="correct"]:checked) .indicator-f {
  display: inline-block !important;
}

/* Mobil Cihazlar İçin Uyumluluk */
@media (max-width: 480px) {
  .wrapper-a, .wrapper-b, .wrapper-c, .wrapper-p, .wrapper-f {
    max-width: 100%;
    margin-right: 0;
  }
}