/* etkinlik-ekle.php ve kamp-alani-ekle.php form CSS leri */

@import url('../trix/trix.css');

/* trix editöründe butonları gizlemek için alttaki kodları ekledik. */


trix-toolbar [data-trix-button-group="file-tools"],
trix-toolbar [data-trix-action="attachFiles"] {
  display: none !important;
}

trix-toolbar .trix-button-group--file-tools,
trix-toolbar .trix-button--icon-attach {
  display: none !important;
}

/* Trix: Strikethrough (üstü çizili) butonunu gizle */
trix-toolbar [data-trix-attribute="strike"],
trix-toolbar .trix-button--icon-strike {
  display: none !important;
}


.grid2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
@media (max-width:1000px){ .grid2{grid-template-columns:1fr} }

label{
    display:block;
    font-weight:600;
    margin:10px 0 6px
} 

input[type=text],
input[type=datetime-local],
input[type=number],
select,
textarea{
    width:100%;
    padding:10px 12px;
    border:1px solid #d0d4d9;
    border-radius:10px;
    background:#fff
}

textarea{
    min-height:120px 
}

.error{
    color:#b00020;
    font-size:13px;
    margin-top:4px
}

.ok{
    background:var(--uyari-acik-yesil);
    color:var(--uyari-yazi-yesil);
    border:1px solid var(--uyari-kenar-yesil);
    box-shadow:0 1px 2px rgba(22, 101, 52, .06);
    padding:12px 14px;
    border-radius:12px;
    margin:12px 0
}

.error-box{
    background:var(--uyari-acik-kirmizi);
    color:var(--uyari-yazi-kirmizi);
    border:1px solid var(--uyari-kenar-kirmizi);
    box-shadow:0 1px 2px rgba(153, 27, 27, .06);
    padding:12px 14px;
    border-radius:12px;
    margin:12px 0
}

  
.hint{
    font-size:12px;
    color:#6b7280
}
   
.panel{
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:12px;
    background:#fff
}
    
.row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}
  @media(max-width:900px){ .row{grid-template-columns:1fr} }

.counter{
    font-size:12px;
    color:#6b7280;
    margin-top:4px;
    text-align:right
}


/* Bunlar sadece etkinlik-ekle.php ve etkinlik-duzenle.php de var. kamp-alani-ekle.php de yok. */

  .gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;max-height:360px;
    overflow-y:auto;
    scrollbar-gutter:stable both-edges;
    padding-right:4px}
  
  @media(max-width:900px){ .gallery{grid-template-columns:repeat(2,1fr)} }
  
  .thumb{
    position:relative;
    border:1px solid #e5e7eb;
    border-radius:10px;
    overflow:hidden;
    cursor:pointer
  }


  .thumb img{display:block;width:100%;height:110px;object-fit:cover}
  .thumb input{position:absolute;inset:auto auto 8px 8px;transform:scale(1.2)}

  .thumb.is-selected{
    outline:2px solid #2563eb
  }



/* === Overrides (scoped, minimal, no global side effects) === */
/* Force required/optional markers to new line inside the form */
#etkinlikForm label.required-field::after{
  display:block;
  margin-top:2px;
}
#etkinlikForm label > .hint{
  display:block;
  margin-top:2px;
  white-space:normal;
}

/* Katılım Kapsamı: ensure frame & item cards appear on duzenle as well */
#etkinlikForm .katilim-kapsami{
  margin-top:16px;
  padding:16px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#f9fafb;
}
#etkinlikForm .kapsam-secenekleri{
  display:flex;
  flex-direction:column;
  gap:12px;
}
#etkinlikForm .kapsam-secenek{
  display:flex;
  align-items:flex-start;
  padding:12px;
  border:2px solid #e5e7eb;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  transition:all .2s ease;
}
#etkinlikForm .kapsam-secenek:hover{ border-color:#3b82f6; }
#etkinlikForm .kapsam-secenek input[type="radio"]{ margin-right:12px; margin-top:2px; accent-color:#3b82f6; }
#etkinlikForm .kapsam-baslik{ font-weight:600; color:#1f2937; display:block; margin-bottom:4px; }
#etkinlikForm .kapsam-aciklama{ font-size:.875em; color:#6b7280; display:block; }
#etkinlikForm .kapsam-secenek:has(input[type="radio"]:checked){
  border-color:#3b82f6;
  background-color:#eff6ff;
}
#etkinlikForm .kapsam-secenek input[type="radio"]:checked ~ .kapsam-baslik{ color:#3b82f6; }


.required-field {
    position: relative;
    font-weight: 600;
    display: block;
}
.required-field::after {
    content: "*zorunlu";
    color: #dc2626;
    font-size: 0.8em;
    font-weight: 500;
    margin-left: 0;
    opacity: 0.9;
    display: block;
    margin-top: 2px;
}

label span.hint {
    display: block;
    margin-top: 2px;
}

/* Katılım Kapsamı Stilleri */

.katilim-kapsami {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f9fafb;
}

.katilim-kapsami > label {
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
    color: #1f2937;
}

.kapsam-secenekleri {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kapsam-secenek {
    display: flex;
    align-items: flex-start;
    padding: 12px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
}

.kapsam-secenek:hover {
    border-color: #3b82f6;
}

.kapsam-secenek input[type="radio"] {
    margin-right: 12px;
    margin-top: 2px;
    accent-color: #3b82f6;
}



.kapsam-baslik {
    font-weight: 600;
    color: #1f2937;
    display: block;
    margin-bottom: 4px;
}

.kapsam-aciklama {
    font-size: 0.875em;
    color: #6b7280;
    display: block;
}
.kapsam-secenek input[type="radio"]:checked {
    border-color: #3b82f6 !important;
    background-color: #3b82f6 !important;
}

.kapsam-secenek input[type="radio"]:checked ~ .kapsam-baslik {
    color: #3b82f6;
}

.kapsam-secenek:has(input[type="radio"]:checked) {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.kapsam-secenek input[type="radio"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.kapsam-secenek:has(input[type="radio"]:disabled) {
    opacity: 0.7;
    cursor: not-allowed;
    background-color: #f3f4f6;
}


/* Panelde blog başlık linkleri: alt çizgi olmasın blog-yazilar.php ye etki ediyor*/
.panel-baslik-link{
  text-decoration: none;
  color: inherit;
}
.panel-baslik-link:hover{
  text-decoration: none;
}