/*Adds border radius on Blog Thumbnails*/
#respond,
.article-content-col .nv-post-thumbnail-wrap a img,
.nv-ft-post .nv-ft-wrap:not(.layout-covers) {
	border-radius: 24px;
}

.article-content-col .nv-ft-wrap a img {
	border-radius: 24px 24px 0px 0px;
}

/*Adds style for Stripe buttons*/
.wpfs-form--inline {
	width:100%!important;
	
}
.wpfs-mr-2{margin:0!important;}
.wpfs-btn-primary{background-color: var(--nv-secondary-accent)!important;
	box-shadow:none!important;
	padding:8px 16px!important;
	height:auto!important;
}

/* WordPress tema CSS'ini ezmek için !important kullanıyoruz */

.checklist-container {
    max-width: 900px !important;
    margin: 20px auto !important;
    background: white !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: none !important;
}

.checklist-header {
    background: linear-gradient(135deg, #2C3E50 0%, #3498DB 100%) !important;
    color: white !important;
    padding: 30px !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    border: none !important;
}

.checklist-header::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(255,255,255,0.05) 10px,
        rgba(255,255,255,0.05) 20px
    ) !important;
    animation: slide 20s linear infinite !important;
}

@keyframes slide {
    0% { transform: translateX(-50px) translateY(-50px) !important; }
    100% { transform: translateX(0px) translateY(0px) !important; }
}

.checklist-title {
    font-size: 2.5em !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    position: relative !important;
    z-index: 1 !important;
    color: white !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    border: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.checklist-subtitle {
    font-size: 1.1em !important;
    opacity: 0.9 !important;
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: white !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.checklist-content {
    padding: 40px !important;
    background: white !important;
}

.section {
    margin-bottom: 35px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    border: none !important;
    padding: 0 !important;
}

.section:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
}

.section-header {
    background: linear-gradient(135deg, #FF6B6B 0%, #4ECDC4 100%) !important;
    color: white !important;
    padding: 20px 25px !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    border: none !important;
}

.section-number {
    background: rgba(255,255,255,0.2) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 1.2em !important;
    border: none !important;
    color: white !important;
    flex-shrink: 0 !important;
}

/* Her bölüm için farklı renkler */
.section:nth-child(3) .section-header { background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%) !important; }
.section:nth-child(4) .section-header { background: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%) !important; }
.section:nth-child(5) .section-header { background: linear-gradient(135deg, #45B7D1 0%, #96C93D 100%) !important; }
.section:nth-child(6) .section-header { background: linear-gradient(135deg, #96C93D 0%, #02AAB0 100%) !important; }
.section:nth-child(7) .section-header { background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%) !important; }
.section:nth-child(8) .section-header { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; }
.section:nth-child(9) .section-header { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important; }
.section:nth-child(10) .section-header { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%) !important; }

.checklist {
    padding: 25px !important;
    background: white !important;
    margin: 0 !important;
}

.checklist-item {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 15px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    border: none !important;
    background: transparent !important;
}

.checklist-item:hover {
    background: rgba(0,0,0,0.03) !important;
}

.checkbox {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ddd !important;
    border-radius: 4px !important;
    margin-right: 15px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    cursor: pointer !important;
    background: white !important;
    display: block !important;
}

.checkbox:hover {
    border-color: #4ECDC4 !important;
}

.checkbox.checked {
    background: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%) !important;
    border-color: #4ECDC4 !important;
}

.checkbox.checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: -2px !important;
    left: 2px !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.checklist-text {
    flex: 1 !important;
    line-height: 1.6 !important;
    color: #2c3e50 !important;
    font-size: 0.95em !important;
    margin: 0 !important;
    padding: 0 !important;
}

.progress-bar {
    background: #ecf0f1 !important;
    height: 8px !important;
    border-radius: 4px !important;
    margin: 20px 0 !important;
    overflow: hidden !important;
    border: none !important;
}

.progress-fill {
    background: linear-gradient(90deg, #4ECDC4 0%, #44A08D 100%) !important;
    height: 100% !important;
    width: 0% !important;
    transition: width 0.3s ease !important;
    border-radius: 4px !important;
}

.progress-text {
    text-align: center !important;
    margin: 10px 0 !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    font-size: 1em !important;
}

.completion-badge {
    display: none !important;
    text-align: center !important;
    padding: 20px !important;
    background: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%) !important;
    color: white !important;
    margin: 20px 0 !important;
    border-radius: 15px !important;
    font-size: 1.2em !important;
    font-weight: 600 !important;
    border: none !important;
}

.completion-badge.show {
    display: block !important;
    animation: fadeInScale 0.5s ease !important;
}

@keyframes fadeInScale {
    from { opacity: 0 !important; transform: scale(0.8) !important; }
    to { opacity: 1 !important; transform: scale(1) !important; }
}

.emoji {
    font-size: 1.5em !important;
    margin-right: 10px !important;
}

.results-section {
    display: none !important;
    text-align: center !important;
    padding: 30px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    border-radius: 15px !important;
    margin-top: 30px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
    border: none !important;
}

.results-section h3 {
    color: #2c3e50 !important;
    margin-bottom: 25px !important;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border: none !important;
}

.score-display {
    margin: 30px 0 !important;
    text-align: center !important;
}

.score-circle {
    display: inline-flex !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    box-shadow: 0 10px 30px rgba(78, 205, 196, 0.3) !important;
    margin: 0 auto !important;
}

.score-percentage {
    font-size: 2.5em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: white !important;
    margin: 0 !important;
}

.score-label {
    font-size: 0.9em !important;
    opacity: 0.9 !important;
    margin-top: 5px !important;
    color: white !important;
}

.recommendation {
    background: white !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border-left: 5px solid #4ECDC4 !important;
    text-align: left !important;
    line-height: 1.6 !important;
    color: #2c3e50 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05) !important;
    margin-top: 20px !important;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    .checklist-container {
        margin: 10px !important;
        border-radius: 15px !important;
    }
    
    .checklist-title {
        font-size: 2em !important;
    }
    
    .checklist-content {
        padding: 20px !important;
    }
    
    .section-header {
        padding: 15px 20px !important;
        font-size: 1.1em !important;
        flex-direction: column !important;
        gap: 10px !important;
        text-align: center !important;
    }
    
    .checklist {
        padding: 20px !important;
    }
    
    .score-circle {
        width: 120px !important;
        height: 120px !important;
    }
    
    .score-percentage {
        font-size: 2em !important;
    }
}

/* WordPress tema CSS'ini tamamen ezmek için */
body .checklist-container,
.site-content .checklist-container,
.entry-content .checklist-container {
    max-width: 900px !important;
    margin: 20px auto !important;
    background: white !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
}
.page-kata-coaching-assistant .entry-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

.page-kata-coaching-assistant .container,
.page-kata-coaching-assistant .content-wrapper {
    padding: 0 !important;
    max-width: none !important;
}