/* Carrot Page Specific Styles */

/* 당근마켓 페이지는 기본 오렌지 테마 유지 */
.page-carrot {
    /* 기본 변수 사용 */
}

/* 당근마켓 특화 스타일 */
.page-carrot .search-demo {
    border: 2px dashed var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    background: var(--bg-gray);
}

.page-carrot .search-demo:hover {
    border-color: var(--primary);
    background: var(--bg-white);
}

.page-carrot .feature-card {
    transition: all 0.3s ease;
}

.page-carrot .feature-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

/* 당근마켓 알림 스타일 */
.page-carrot .alert-danger {
    border-left: 4px solid var(--danger);
}

.page-carrot .alert-warning {
    border-left: 4px solid var(--warning);
}

.page-carrot .alert-info {
    border-left: 4px solid var(--info);
}

/* 프로세스 카드 스타일 */
.page-carrot .process-card {
    background: var(--gradient-primary);
    color: var(--bg-white);
    border-radius: var(--radius-xl);
    padding: var(--space-xl);
    text-align: center;
    transition: all 0.3s ease;
}

.page-carrot .process-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

/* 게시글 노출 로직 프로세스 섹션 카드 높이 통일 */
.page-carrot .carrot-process .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 1.5rem; /* 양옆 마진 추가로 슬림하게 */
}

.page-carrot .carrot-process .row .col-lg-4 {
    display: flex;
    margin-bottom: 1.5rem;
    padding: 0 0.75rem; /* 카드 간격 줄임 */
}

.page-carrot .carrot-process .card {
    width: 100%;
    height: 100%;
    min-height: 220px; /* 260px에서 220px로 더 줄임 */
    display: flex;
    flex-direction: column;
}

.page-carrot .carrot-process .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0.75rem; /* 패딩 더 줄임 */
}

.page-carrot .carrot-process .card-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.4; /* 줄간격 더 줄임 */
    font-size: 0.9rem; /* 폰트 크기 약간 줄임 */
}

/* 카드 너비 일관성 보장 */
@media (min-width: 992px) {
    .page-carrot .carrot-process .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .page-carrot .carrot-process .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* CTA Section 스타일 */
.cta-section {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>');
    animation: float 20s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

.cta-content h2 {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.cta-actions .card {
    transform: translateY(0);
    transition: all 0.3s ease;
}

.cta-actions .card:hover {
    transform: translateY(-5px);
}

.trust-indicators .trust-item {
    padding: 1rem;
}

.trust-indicators h3 {
    font-size: 2rem;
    color: #fff;
}

.urgency-text {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.page-carrot .process-number {
    font-size: 2rem;
    font-weight: var(--font-extrabold);
    margin-bottom: var(--space-md);
}

/* 당근마켓 전용 서비스 카드 스타일 */
.page-carrot .service-card-carrot {
    border: 0.5px solid rgba(255, 111, 15, 0.15) !important;
}

.page-carrot .service-card-carrot .card-body {
    position: relative !important;
}

.page-carrot .service-card-carrot .service-number {
    font-size: 1.5rem;
    color: #FF6F0F;
    font-weight: bold;
}

.page-carrot .service-card-carrot .service-footer {
    background: rgba(255, 111, 15, 0.08);
    color: #FF6F0F;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    border-radius: 0 0 6px 6px;
    font-weight: 500;
    text-align: center;
}

/* 당근마켓 섹션별 고유 스타일 */
.page-carrot .carrot-intro {
    /* 인트로 섹션 전용 스타일 */
}

.page-carrot .carrot-solution-types {
    /* 솔루션분류 섹션 전용 스타일 */
}

/* 솔루션분류 3개 카드 높이 설정 */
.page-carrot .carrot-solution-types .card {
    min-height: 450px; /* 세로 길이 늘림 */
}

.page-carrot .carrot-service-intro {
    /* 서비스소개 섹션 전용 스타일 */
}

.page-carrot .carrot-setup {
    /* 계정초기세팅 섹션 전용 스타일 */
}

/* 계정초기세팅 4개 카드 높이 통일 */
.page-carrot .carrot-setup .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 2rem; /* 양옆 마진 추가로 슬림하게 */
}

.page-carrot .carrot-setup .col-lg-3 {
    display: flex;
    margin-bottom: 1.5rem;
    padding: 0 0.75rem; /* 카드 간격 줄임 */
}

.page-carrot .carrot-setup .card {
    width: 100%;
    height: 100%;
    min-height: 180px; /* 220px에서 180px로 줄임 */
    display: flex;
    flex-direction: column;
}

.page-carrot .carrot-setup .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0.75rem; /* 패딩 줄임 */
}

.page-carrot .carrot-setup .card-text {
    flex-grow: 1;
    display: block;
    text-align: center;
    line-height: 1.4; /* 줄간격 줄임 */
    margin: auto 0;
    font-size: 0.9rem; /* 폰트 크기 약간 줄임 */
    margin-top: 1rem; /* 소제목과 내용 간 여백 추가 */
}

.page-carrot .carrot-setup .card-title {
    margin-bottom: 1rem; /* 제목 하단 마진 증가 */
}

.page-carrot .carrot-process {
    /* 시스템분석로직 섹션 전용 스타일 */
}

.page-carrot .carrot-warnings {
    /* 주의사항 섹션 전용 스타일 */
}

.page-carrot .carrot-images {
    /* 이미지관리 섹션 전용 스타일 */
}

.page-carrot .carrot-tips {
    /* 운영팁 섹션 전용 스타일 */
}