/* ================================================================
   LEGISLATION PAGE — V2 THEME
================================================================ */

.legislation-page {
    --law-bg: #ffffff;

    --law-soft: #f8f4ef;
    --law-soft-2: #f3eee8;

    --law-border: #eadfd6;
    --law-border-strong: #ddcfc4;

    --law-text: #292522;
    --law-muted: #6f6862;

    --law-accent: #4f9298;
    --law-accent-dark: #39777d;
    --law-accent-soft: #e2f0ef;

    --law-blue: #557c9c;
    --law-blue-dark: #456882;

    color: var(--law-text);
    background: var(--law-bg);
}


.legislation-shell {
    width: min(1040px, 100%);
    margin: 0 auto;
}


/* ================================================================
   HERO
================================================================ */

.legislation-hero {
    position: relative;

    padding:
        72px
        24px
        88px;

    overflow: hidden;

    background: #ffffff;

    text-align: left;

    border-bottom: 0;
}


/* ================================================================
   DOCUMENT DECORATION
================================================================ */

.legislation-hero::before,
.legislation-hero::after {
    content: "";

    position: absolute;

    pointer-events: none;

    border-radius: 26px;
}


/*
 * Πίσω "φύλλο"
 */
.legislation-hero::before {
    top: 32px;
    right: -70px;

    width: 330px;
    height: 420px;

    border:
        1.5px solid
        rgba(85, 124, 156, 0.18);

    transform:
        rotate(8deg);
}


/*
 * Μπροστινό "φύλλο"
 */
.legislation-hero::after {
    top: 88px;
    right: -5px;

    width: 270px;
    height: 350px;

    border:
        1.5px solid
        rgba(79, 146, 152, 0.20);

    transform:
        rotate(-4deg);
}


/* ================================================================
   HERO CONTENT
================================================================ */

.legislation-hero .legislation-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1180px,
            100%
        );
}


.legislation-eyebrow {
    margin:
        0
        0
        17px;

    color:
        var(--law-accent);

    font-size: 12px;

    font-weight: 800;

    line-height: 1;

    letter-spacing:
        0.15em;

    text-transform:
        uppercase;
}


.legislation-title {
    max-width: 850px;

    margin: 0;

    color:
        var(--law-text);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            5vw,
            68px
        );

    font-weight: 700;

    line-height: 0.99;

    letter-spacing:
        -0.04em;
}


.legislation-intro {
    max-width: 720px;

    margin:
        26px
        0
        0;

    color:
        var(--law-muted);

    font-size: 17px;

    line-height: 1.75;
}


/* ================================================================
   HERO RESPONSIVE
================================================================ */

@media (max-width: 800px) {

    .legislation-hero {
        padding:
            52px
            20px
            68px;
    }


    .legislation-hero::before {
        width: 250px;
        height: 330px;

        top: 20px;
        right: -130px;
    }


    .legislation-hero::after {
        width: 200px;
        height: 270px;

        top: 75px;
        right: -95px;
    }

}


@media (max-width: 620px) {

    .legislation-hero {
        padding:
            44px
            16px
            56px;
    }

    .legislation-title {
        font-size:
            clamp(
                36px,
                11vw,
                48px
            );
    }


    .legislation-intro {
        margin-top: 20px;

        font-size: 15px;

        line-height: 1.65;
    }


    .legislation-hero::before {
        opacity: 0.7;
    }


    .legislation-hero::after {
        opacity: 0.75;
    }

}
/* ================================================================
   LEGISLATION BODY
================================================================ */

.legislation-body {
    position: relative;

    padding:
        72px
        24px
        92px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0,
            #fbfaf8 70px,
            #f8f4ef 180px,
            #f8f4ef 100%
        );
}


/* ================================================================
   ARTICLES WRAPPER
================================================================ */

.legislation-body .legislation-shell {
    display: grid;

    gap: 22px;
}


/* ================================================================
   ARTICLE CARD
================================================================ */

.legislation-card {
    position: relative;

    margin: 0;

    padding:
        38px
        42px
        40px;

    overflow: hidden;

    border:
        1px solid
        var(--law-border);

    border-radius: 22px;

    background:
        rgba(
            255,
            255,
            255,
            0.96
        );

    box-shadow:
        0 14px 38px
        rgba(
            67,
            55,
            46,
            0.05
        );

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


.legislation-card:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(
            79,
            146,
            152,
            0.30
        );

    box-shadow:
        0 18px 44px
        rgba(
            57,
            119,
            125,
            0.075
        );
}


/*
 * Μικρό "document tab" στην πάνω πλευρά.
 */

.legislation-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 42px;

    width: 64px;
    height: 4px;

    border-radius:
        0
        0
        999px
        999px;

    background:
        var(--law-accent);
}


/*
 * Πολύ απαλό document corner.
 */

.legislation-card::after {
    content: "";

    position: absolute;

    top: -52px;
    right: -52px;

    width: 115px;
    height: 115px;

    border:
        1px solid
        rgba(
            85,
            124,
            156,
            0.08
        );

    border-radius: 22px;

    transform:
        rotate(12deg);

    pointer-events: none;
}


/* ================================================================
   ARTICLE TITLE
================================================================ */

.legislation-card-title {
    position: relative;

    margin:
        0
        0
        24px;

    padding:
        0
        0
        18px;

    border-bottom:
        1px solid
        rgba(
            234,
            223,
            214,
            0.95
        );

    color:
        var(--law-text);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            25px,
            2.6vw,
            34px
        );

    font-weight: 700;

    line-height: 1.18;

    letter-spacing:
        -0.025em;
}


.legislation-card-title span {
    display: inline-block;

    margin-left: 7px;

    color:
        var(--law-accent-dark);

    font-family:
        inherit;

    font-size:
        0.62em;

    font-weight: 600;

    letter-spacing: 0;
}


/* ================================================================
   ARTICLE CONTENT
================================================================ */

.legislation-card-content {
    color:
        #4f4944;
}


.legislation-card p {
    margin:
        0
        0
        17px;

    color:
        #4f4944;

    font-size: 15px;

    line-height: 1.82;
}


.legislation-card p:last-child {
    margin-bottom: 0;
}


/* ================================================================
   SUBHEADINGS
================================================================ */

.legislation-subheading {
    margin:
        28px
        0
        13px
        !important;

    color:
        var(--law-accent-dark);

    font-size:
        12px
        !important;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing:
        0.10em;

    text-transform:
        uppercase;
}


/* ================================================================
   QUOTE / LAW EXTRACT
================================================================ */

.legislation-quote {
    position: relative;

    margin:
        26px
        0;

    padding:
        22px
        26px
        22px
        30px;

    border:
        1px solid
        rgba(
            79,
            146,
            152,
            0.18
        );

    border-left:
        4px solid
        var(--law-accent);

    border-radius:
        0
        16px
        16px
        0;

    background:
        linear-gradient(
            135deg,
            #eef6f5 0%,
            #f8faf8 100%
        );

    color:
        #514a45;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    font-style: italic;

    line-height: 1.8;
}


.legislation-quote strong {
    color:
        var(--law-text);

    font-style: normal;
}


/* ================================================================
   LISTS
================================================================ */

.legislation-list {
    display: grid;

    gap: 10px;

    margin:
        0
        0
        20px;

    padding: 0;

    list-style: none;
}


.legislation-list li {
    position: relative;

    padding:
        14px
        18px
        14px
        48px;

    border:
        1px solid
        rgba(
            234,
            223,
            214,
            0.95
        );

    border-radius:
        13px;

    color:
        #48413c;

    background:
        #fbfaf8;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.5;
}


.legislation-list li::before {
    content: "§";

    position: absolute;

    top: 50%;
    left: 18px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    color:
        var(--law-accent-dark);

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    font-weight: 700;

    transform:
        translateY(-50%);
}


/* ================================================================
   BODY RESPONSIVE
================================================================ */

@media (max-width: 700px) {

    .legislation-body {
        padding:
            52px
            16px
            68px;
    }


    .legislation-card {
        padding:
            28px
            22px
            30px;

        border-radius:
            18px;
    }


    .legislation-card::before {
        left: 22px;
    }


    .legislation-card-title {
        margin-bottom: 20px;
    }


    .legislation-quote {
        padding:
            18px
            18px
            18px
            22px;
    }

}
/* ================================================================
   LEGAL Q&A CALLOUT
================================================================ */

.legislation-callout {
    position: relative;

    margin:
        30px
        0
        6px;

    padding:
        25px
        26px
        25px
        28px;

    overflow: hidden;

    border:
        1px solid
        rgba(79, 146, 152, 0.20);

    border-radius:
        18px;

    background:
        linear-gradient(
            135deg,
            #eef6f5 0%,
            #f8faf8 55%,
            #fbf8f4 100%
        );

    box-shadow:
        0 10px 28px
        rgba(57, 119, 125, 0.045);
}


/*
 * Κάθετη λεπτομέρεια σαν σημείωση εγγράφου.
 */
.legislation-callout::before {
    content: "";

    position: absolute;

    top: 20px;
    bottom: 20px;
    left: 0;

    width: 4px;

    border-radius:
        0
        999px
        999px
        0;

    background:
        var(--law-accent);
}


/*
 * Απαλό "σφραγιδάκι" στο background.
 */
.legislation-callout::after {
    content: "§";

    position: absolute;

    right: 22px;
    bottom: -18px;

    color:
        rgba(85, 124, 156, 0.055);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 94px;

    font-weight: 700;

    line-height: 1;

    pointer-events: none;
}


/* ================================================================
   QUESTION
================================================================ */

.legislation-callout-question {
    position: relative;
    z-index: 2;

    margin:
        0
        0
        15px
        !important;

    color:
        var(--law-text)
        !important;

    font-size:
        15px
        !important;

    font-weight:
        800;

    line-height:
        1.6
        !important;
}


/* ================================================================
   ANSWER
================================================================ */

.legislation-callout-answer {
    position: relative;
    z-index: 2;

    margin:
        0
        !important;

    color:
        #5f5852
        !important;

    font-size:
        14px
        !important;

    line-height:
        1.75
        !important;
}


/* ================================================================
   LABEL
================================================================ */

.legislation-callout-label {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-right: 10px;

    padding:
        5px
        10px;

    border:
        1px solid
        rgba(79, 146, 152, 0.22);

    border-radius:
        999px;

    color:
        var(--law-accent-dark);

    background:
        rgba(255, 255, 255, 0.72);

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

    vertical-align:
        2px;
}


/* ================================================================
   CALLOUT RESPONSIVE
================================================================ */

@media (max-width: 700px) {

    .legislation-callout {
        padding:
            21px
            20px
            22px
            23px;

        border-radius:
            16px;
    }


    .legislation-callout::after {
        right: 12px;

        font-size:
            72px;
    }

}

/* ================================================================
   CONTACT + LINKS
================================================================ */

.legislation-contact {
    margin-top: 10px !important;

    padding:
        18px
        20px;

    border:
        1px solid
        var(--law-border);

    border-radius:
        14px;

    color:
        var(--law-muted);

    background:
        var(--law-soft);

    font-size:
        14px
        !important;

    line-height:
        1.7;
}


.legislation-link {
    color:
        var(--law-accent-dark);

    font-weight:
        700;

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;

    transition:
        color 0.2s ease;
}


.legislation-link:hover {
    color:
        var(--law-blue-dark);
}


/* ================================================================
   LEGISLATION FAQ
================================================================ */

.legislation-page .faq-section {
    position: relative;

    padding:
        92px
        24px
        104px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f8f4ef 0%,
            #f5f1ec 100%
        );
}


/* ================================================================
   LEGAL DECORATION
================================================================ */

.legislation-page .faq-section::before {
    content: "§";

    position: absolute;

    top: 28px;
    left: calc(50% - 570px);

    color:
        rgba(85, 124, 156, 0.07);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 150px;

    font-weight: 700;

    line-height: 1;

    pointer-events: none;
}


.legislation-page .faq-section::after {
    content: "";

    position: absolute;

    top: 95px;
    bottom: 95px;
    left: calc(50% - 535px);

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(79, 146, 152, 0.16) 15%,
            rgba(79, 146, 152, 0.16) 85%,
            transparent 100%
        );

    pointer-events: none;
}


/* ================================================================
   FAQ SHELL
================================================================ */

.legislation-page .faq-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1040px,
            100%
        );

    margin:
        0
        auto;
}


/* ================================================================
   FAQ HEADING
================================================================ */

.legislation-page .faq-heading {
    max-width: 760px;

    margin:
        0
        0
        38px;

    text-align: left;
}


.legislation-page .faq-heading h2 {
    margin: 0;

    color:
        var(--law-text);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            34px,
            4vw,
            50px
        );

    font-weight: 700;

    line-height: 1.08;

    letter-spacing:
        -0.035em;
}


.legislation-page .faq-heading p {
    max-width: 660px;

    margin:
        16px
        0
        0;

    color:
        var(--law-muted);

    font-size: 15px;

    line-height: 1.7;
}


/* ================================================================
   FAQ LIST PANEL
================================================================ */

.legislation-page .faq-list {
    display: grid;

    gap: 10px;

    padding:
        24px;

    border:
        1px solid
        var(--law-border);

    border-radius:
        24px;

    background:
        rgba(
            255,
            255,
            255,
            0.92
        );

    box-shadow:
        0 16px 42px
        rgba(67, 55, 46, 0.055);
}


/* ================================================================
   FAQ ITEM
================================================================ */

.legislation-page .faq-item {
    overflow: hidden;

    border:
        1px solid
        #e9e0d8;

    border-radius:
        15px;

    background:
        #ffffff;

    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}


.legislation-page .faq-item.is-open {
    border-color:
        rgba(
            79,
            146,
            152,
            0.42
        );

    background:
        #fcfefe;

    box-shadow:
        0 9px 24px
        rgba(
            57,
            119,
            125,
            0.065
        );
}


/* ================================================================
   FAQ QUESTION
================================================================ */

.legislation-page .faq-question {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 22px;

    width: 100%;

    min-height: 68px;

    padding:
        16px
        17px
        16px
        20px;

    border: 0;

    color:
        #39332f;

    background:
        transparent;

    font-family:
        inherit;

    font-size: 15px;

    font-weight: 750;

    line-height: 1.45;

    text-align: left;

    cursor: pointer;

    transition:
        color 0.2s ease,
        background 0.2s ease;
}


.legislation-page .faq-question:hover {
    color:
        var(--law-accent-dark);
}


.legislation-page .faq-item.is-open
.faq-question {
    color:
        var(--law-accent-dark);

    background:
        rgba(
            226,
            240,
            239,
            0.22
        );
}


/* ================================================================
   PLUS / MINUS
================================================================ */

.legislation-page .faq-question-icon {
    display: inline-flex;

    flex:
        0
        0
        auto;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border:
        1px solid
        rgba(
            79,
            146,
            152,
            0.25
        );

    border-radius: 10px;

    color:
        var(--law-accent-dark);

    background:
        var(--law-accent-soft);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.25s ease;
}


.legislation-page .faq-item.is-open
.faq-question-icon {
    color: #ffffff;

    border-color:
        var(--law-accent);

    background:
        var(--law-accent);

    transform:
        rotate(180deg);
}


/* ================================================================
   FAQ ANSWER
================================================================ */

.legislation-page .faq-answer {
    border-top:
        1px solid
        rgba(
            234,
            223,
            214,
            0.85
        );
}


.legislation-page .faq-answer[hidden] {
    display: none;
}


.legislation-page .faq-answer-inner {
    padding:
        20px
        21px
        23px;

    color:
        #625b55;

    background:
        rgba(
            248,
            244,
            239,
            0.42
        );

    font-size: 14px;

    line-height: 1.8;
}


.legislation-page .faq-answer-inner a {
    color:
        var(--law-accent-dark);

    font-weight: 700;

    text-decoration: underline;

    text-underline-offset: 3px;
}


/* ================================================================
   FAQ RESPONSIVE
================================================================ */

@media (max-width: 700px) {

    .legislation-page .faq-section {
        padding:
            68px
            16px
            76px;
    }


    .legislation-page .faq-section::before {
        left: auto;
        right: -15px;

        font-size: 100px;
    }


    .legislation-page .faq-section::after {
        display: none;
    }


    .legislation-page .faq-heading {
        margin-bottom: 28px;
    }


    .legislation-page .faq-list {
        padding: 15px;

        border-radius: 19px;
    }


    .legislation-page .faq-question {
        min-height: 62px;

        padding: 14px;

        font-size: 14px;
    }


    .legislation-page .faq-answer-inner {
        padding: 17px;

        font-size: 13px;
    }

}