Şablon:KizilbashicaKart

/* --- Flexbox ve Bölüm Çizgisi Düzeni --- */ .tg-section-divider {

   margin-top: 1rem;
   margin-bottom: 0.5rem;
   color: var(--tg-color-subtle, #888);
   display: flex;
   align-items: center;
   justify-content: space-between;

} .tg-section-divider:not(:empty) {

   gap: 1rem;
   white-space: nowrap;

} .tg-section-divider::before, .tg-section-divider::after {

   content: "";
   height: 1px;
   width: 100%;
   background-color: var(--tg-border-color-base, #333);

}

.template-flexbox {

   display: flex;
   gap: 0.5rem;
   flex-wrap: wrap;
   flex-direction: row;

} .template-flexbox-item {

   flex-basis: calc(33.333% - 0.35rem);
   flex-grow: 1;

}

@media(max-width: 1120px){

   .template-flexbox-item { flex-basis: calc(50% - 0.25rem); }

} @media(max-width: 640px){

   .template-flexbox-item { flex-basis: 100%; }

}

/* --- Kart Tasarımı --- */ .tg-card {

   position: relative;
   background-color: var(--tg-color-surface-2, #1a1a1a);
   border: var(--tg-border-base, 1px solid #333);
   border-radius: 8px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   height: 100%;

} .tg-card-image {

   position: relative;
   display: flex;
   flex-grow: 1;
   min-height: 20rem;

} .tg-card-background {

   position: absolute;
   inset: 0;
   pointer-events: none;
   z-index: 0;

} .tg-card-background img {

   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.2s ease;

} .tg-card:hover .tg-card-background img {

   transform: scale(1.05);

}

/* Metinlerin okunabilmesi için alt gölge */ .tg-card-background::after {

   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);

}

.tg-card-label {

   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;

} .tg-card-label > a, .tg-card-label > span {

   display: flex;
   align-items: center;
   height: 32px;
   padding: 0 12px;
   border-bottom-right-radius: 8px;
   background: #c93636;
   color: #fff !important;
   font-weight: bold;
   font-size: 0.8rem;
   text-decoration: none;

}

.tg-card-content {

   position: relative;
   z-index: 1;
   padding: 1rem;
   margin-top: auto;

} .tg-card-title {

   color: #fff;
   font-size: 1.4rem;
   font-weight: bold;
   line-height: 1.2;

} .tg-card-caption {

   margin-top: 0.25rem;
   color: #ccc;
   font-size: 0.9rem;

} .tg-card-link {

   position: absolute;
   inset: 0;
   z-index: 3;
   opacity: 0;

} .tg-card-link > a {

   display: block;
   height: 100%;

}

/* Alıntı Kartı Düzeni */ .tg-card blockquote {

   margin: 0;
   padding: 0;
   color: #eee;
   font-style: italic;

} .tg-quote-footer {

   margin-top: 1rem;
   font-size: 0.85rem;
   color: #aaa;
   font-style: normal;

}