/* =============================================================================
   TERMS & CONDITIONS / PRIVACY POLICY — SHARED STYLES
   Used by: template-markt-t-and-c.php
            template-project-t-and-c.php
            template-privacy-policy.php
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Page Wrapper
   ----------------------------------------------------------------------------- */
.tandc-page-wrapper {
    padding: 80px 0 0;
    min-height: 70vh;
}

/* -----------------------------------------------------------------------------
   Container & Content
   ----------------------------------------------------------------------------- */
.tandc-page-wrapper .container {
    
}

.tandc-page-wrapper .tandc-content {
    padding: 60px 56px;
    background-color: rgba(255, 255, 255, 0.487);
}

/* -----------------------------------------------------------------------------
   Header
   ----------------------------------------------------------------------------- */
.tandc-page-wrapper .tandc-header {
    margin-bottom: 48px;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
}

.tandc-page-wrapper .tandc-header h1 {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--heading-color, #1a1a1a);
    margin: 0 0 12px;
    line-height: 1.25;
}

.tandc-page-wrapper .tandc-header .last-updated {
    font-size: 0.875rem;
    color: var(--text-muted-color, #888888);
    margin: 0;
}

/* -----------------------------------------------------------------------------
   Subtitle & Intro paragraph
   ----------------------------------------------------------------------------- */
.tandc-page-wrapper .tandc-header .tandc-subtitle {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--heading-color, #1a1a1a);
    margin: 0 0 8px;
    line-height: 1.35;
}

.tandc-page-wrapper .tandc-intro {
    margin-bottom: 36px;
}

.tandc-page-wrapper .tandc-intro p {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--body-text-color, #444444);
    margin: 0;
}

/* -----------------------------------------------------------------------------
   Body / Sections
   ----------------------------------------------------------------------------- */
.tandc-page-wrapper .tandc-body {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tandc-page-wrapper .tandc-section {
    padding: 28px 0;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
}

.tandc-page-wrapper .tandc-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tandc-page-wrapper .tandc-section:first-child {
    padding-top: 0;
}

/* -----------------------------------------------------------------------------
   Section Headings
   ----------------------------------------------------------------------------- */
.tandc-page-wrapper .tandc-section h2 {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--heading-color, #1a1a1a);
    margin: 0 0 16px;
    line-height: 1.35;
}

/* -----------------------------------------------------------------------------
   Text content
   ----------------------------------------------------------------------------- */
.tandc-page-wrapper .tandc-section p {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--body-text-color, #444444);
    margin: 0 0 14px;
}

.tandc-page-wrapper .tandc-section p:last-child {
    margin-bottom: 0;
}

.tandc-page-wrapper .tandc-section ul,
.tandc-page-wrapper .tandc-section ol {
    padding-left: 24px;
    margin: 12px 0 14px;
}

.tandc-page-wrapper .tandc-section li {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--body-text-color, #444444);
    margin-bottom: 8px;
}

.tandc-page-wrapper .tandc-section a {
    color: var(--primary-color, #0077be);
    text-decoration: underline;
    transition: color 0.2s ease;
}

.tandc-page-wrapper .tandc-section a:hover {
    color: var(--primary-hover-color, #005a8e);
}

/* Strong / emphasis */
.tandc-page-wrapper .tandc-section strong {
    font-weight: 600;
    color: var(--heading-color, #1a1a1a);
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */
@media (max-width: 767px) {
    .tandc-page-wrapper {
        padding: 48px 0 80px;
    }

    .tandc-page-wrapper .container {
        padding: 0 16px;
    }

    .tandc-page-wrapper .tandc-content {
        padding: 36px 24px;
        border-radius: 8px;
    }

    .tandc-page-wrapper .tandc-header {
        margin-bottom: 32px;
    }

    .tandc-page-wrapper .tandc-header h1 {
        font-size: 1.75rem;
    }

    .tandc-page-wrapper .tandc-section {
        padding: 22px 0;
    }

    .tandc-page-wrapper .tandc-section h2 {
        font-size: 1.15rem;
    }

    .tandc-page-wrapper .tandc-contact {
        padding: 22px 18px;
    }
}