/* Kampanyalar sayfası için özel stiller */

/* Tab button active state */
.tab-button.active {
    color: #f37121;
    border-bottom-color: #f37121;
}

/* Campaign card enhancements - override styles.css carousel widths for grid layout */
.campaign-card {
    width: 100%;
    min-width: unset;
    flex-shrink: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: flex !important;
    flex-direction: column !important;
}

/* Grid hücresini doldurup butonları alta sabitle */
#campaign-grid {
    align-items: stretch;
}

#campaign-grid .campaign-card {
    height: 100%;
}

#campaign-grid .campaign-card > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    justify-content: space-between !important;
}

.campaign-card.hidden {
    display: none;
}

/* Note: .scrollbar-hide is already defined in styles.css, no need to duplicate */

/* Campaign detail page - advantages and FAQ content styling */
.campaign-advantages ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.campaign-advantages ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.campaign-advantages li {
    margin-bottom: 0.35rem;
    line-height: 1.6;
}

.campaign-advantages p {
    margin-bottom: 0.5rem;
}

.campaign-advantages p + p {
    margin-top: 0.75rem;
}

.campaign-advantages a {
    color: #f37121;
    text-decoration: underline;
}

/* Sticky image support for campaign detail pages (missing from compiled Tailwind) */
@media (min-width: 768px) {
    .md\:sticky {
        position: sticky;
    }
    .md\:top-24 {
        top: 6rem;
    }
    .md\:self-start {
        align-self: flex-start;
    }
}

.campaign-advantages a:hover {
    opacity: 0.8;
}