/* ========================================
   TRAVELPOLL BRAND PALETTE
======================================== */
:root {
    --tp-primary: #00A7B5;
    --tp-primary-dark: #007D8A;
    --tp-charcoal: #263238;
    --tp-text-secondary: #66757D;
    --tp-soft-teal: #F0FAFB;
    --tp-page-bg: #F6F8F9;
    --tp-border: #DDE7E9;
    --tp-rating-gold: #F5B800;
}

       * {

            box-sizing: border-box;

        }


        body {

            margin: 0;

            font-family: Arial, sans-serif;

            background: #F6F8F9;

            color: #263238;

        }


        /* HEADER */

        header {
            background: white;
            padding: 20px 8%;
            box-shadow:
                0 2px 10px
                rgba(0,0,0,0.05);
        }


        .logo a {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .site-logo {
            display: block;
            width: auto;
            height: 52px;
        }


        .main-nav a {

            color: #263238;

            text-decoration: none;

            font-size: 16px;

        }


        .main-nav a:hover {

            color: #00A7B5;

        }


        .menu-button {

            display: none;

            background: none;

            border: none;

            font-size: 28px;

            cursor: pointer;

        }

        /* HERO */

        .hero {
            position: relative;
            height: 375px;
            overflow: hidden;
        }


        .hero img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }


        .hero-overlay {

            position: absolute;

            inset: 0;

            background:
                linear-gradient(
                    to top,
                    rgba(0,0,0,0.7),
                    rgba(0,0,0,0.1)
                );

        }


        .hero-content {

            position: absolute;

            left: 8%;

            bottom: 60px;

            color: white;

        }


        .hero-content h1 {

            font-size: 52px;

            margin: 0 0 10px;

        }


        .hero-content p {

            font-size: 20px;

            margin: 0 0 25px;

        }


        .hero-stats {

            display: flex;

            gap: 25px;

            font-size: 18px;

        }

/* ΑΞΙΟΛΟΓΗΣΕΙΣ */

        .ratings-section {

            padding: 80px 8%;

            background: white;

        }


        .ratings-container {

            max-width: 1100px;

            margin: auto;

        }


        .ratings-title {

            text-align: center;

            font-size: 32px;

            margin-bottom: 15px;

        }


        .ratings-description {

            text-align: center;

            color: #666;

            font-size: 17px;

            margin-bottom: 50px;

        }


/* GRID ΚΑΡΤΩΝ */

        .ratings-grid {
            display: grid;
        }

        .rating-card {
            background: #f7f9fc;
            border-radius: 15px;
            text-align: center;
        }

        .rating-name {
            font-weight: bold;
        }

        .rating-score {
            font-weight: bold;
            color: #00A7B5;
        }

/* ΔΗΜΟΣΚΟΠΗΣΗ ΠΡΟΟΡΙΣΜΟΥ */

        .destination-poll {
            background: #f4f8fb;
        }


        .destination-poll-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
        }


        .destination-poll-info h2 {
            font-size: 34px;
        }


        .destination-poll-info p {
            max-width: 680px;
        }


        .destination-poll-box {
            background: white;
            border-radius: 20px;
            box-shadow:
                0 10px 30px
                rgba(0,0,0,0.08);
        }


        .poll-choice {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #DDE7E9;
            background: white;
            cursor: pointer;
        }


        .poll-choice:hover {

            border-color: #00A7B5;

            background: #F0FAFB;

        }

        


/* ========================================
   NAVIGATION
======================================== */

        header {

            position: relative;

        }

/* ========================================
   COUNTRY PAGE
======================================== */


/* HERO ΧΩΡΑΣ */

        .country-hero {
            height: 400px;
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .country-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.32);
        }


        .country-hero-content {
            padding: 30px;
            position: relative;
            z-index: 1;
        }


        .country-flag {

            font-size: 50px;

            margin-bottom: 10px;

        }

        .country-hero .country-flag img {
            display: block;
            width: 48px;
            height: 36px;
            object-fit: cover;
            margin: 0 auto;
        }


        .country-hero h1 {

            font-size: 52px;

            margin-bottom: 10px;

        }


        .country-hero p {

            font-size: 20px;

        }


/* ΔΗΜΟΦΙΛΕΙΣ ΠΡΟΟΡΙΣΜΟΙ */

        .country-destinations {
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            padding: 55px 30px;
        }


        .country-destinations h2 {

            text-align: center;

            font-size: 32px;

            margin-bottom: 40px;

        }


        .country-destination-card {

            display: block;

            background: white;

            border-radius: 15px;

            overflow: hidden;

            text-decoration: none;

            color: #263238;

            box-shadow:
                0 5px 20px rgba(0, 0, 0, 0.08);

            transition:
                transform 0.2s ease;

        }


        .country-destination-card:hover {

            transform: translateY(-5px);

        }


        .country-destination-card img {
            width: 100%;
            height: 185px;
            object-fit: cover;
            display: block;
        }


        .country-destination-info {
            padding: 18px;
        }


        .country-destination-info h3 {
            font-size: 22px;
            margin: 0 0 8px;
        }


        .country-destination-info p {
            line-height: 1.45;
            margin: 0 0 12px;
            color: #666;
            font-size: 15px;
        }


        .country-destination-info span {

            font-weight: bold;

        }


/* ΓΕΝΙΚΗ ΑΞΙΟΛΟΓΗΣΗ */

        .country-rating {

            background: #F6F8F9;

            padding: 70px 30px;

        }


        .country-rating-box {
            max-width: 900px;
            margin: auto;
            display: grid;
            grid-template-columns: auto auto 1fr;
            align-items: center;
            gap: 28px;

            background: white;
            padding: 30px 36px;

            border-radius: 18px;
            border: 1px solid #e8edf3;

            box-shadow:
                0 8px 24px rgba(0, 0, 0, 0.06);
        }


        .rating-number {
            font-size: 42px;
            font-weight: 700;
            white-space: nowrap;
            color: #00A7B5;
        }

        #country-overall-votes {
            color: #666;
            font-size: 14px;
            white-space: nowrap;
        }

        .country-rating-box h2 {
            margin: 0 0 8px;
            font-size: 24px;
        }

        .country-rating-box p {
            margin: 0;
            color: #666;
            line-height: 1.5;
        }

/* ========================================
   ABROAD PAGE
======================================== */


        .abroad-intro {

            text-align: center;

            padding: 70px 30px 50px;

            background: #F6F8F9;

        }


        .abroad-intro h1 {

            font-size: 42px;

            margin-bottom: 15px;

        }


        .abroad-intro p {

            font-size: 18px;

            color: #666;

            max-width: 700px;

            margin: auto;

            line-height: 1.6;

        }


        /* ΧΩΡΕΣ */

        .country-list {

            max-width: 1100px;

            margin: auto;

            padding: 60px 30px 80px;

        }


        .country-list h2 {

            text-align: center;

            font-size: 32px;

            margin-bottom: 40px;

        }


        .country-grid {

            display: grid !important;

            grid-template-columns: 1fr 1fr !important;

            gap: 30px;

        }


        .country-card {

            display: block;

            background: white;

            border-radius: 15px;

            overflow: hidden;

            text-decoration: none;

            color: #263238;

            box-shadow:
                0 5px 20px rgba(0, 0, 0, 0.08);

            transition:
                transform 0.2s ease;

        }


        .country-card:hover {

            transform: translateY(-5px);

        }


        .country-card > img:not(.country-flag) {
            width: 100%;
            height: 250px;
            object-fit: cover;
            display: block;
        }


        .country-card-info {

            padding: 25px;

        }


        .country-card-title {

            display: flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 12px;

        }


        .country-card-title span {

            font-size: 32px;

        }


        .country-card-title h3 {

            font-size: 26px;

            margin: 0;

        }


        .country-card-info p {

            color: #666;

            line-height: 1.5;

            margin-bottom: 18px;

        }


        .country-card-link {

            color: #00A7B5;

            font-weight: bold;

        }

        .back-link {

            max-width: 1100px;

            margin: auto;

            padding: 20px 30px 0;

    }


        .back-link a {

            color: #555;

            text-decoration: none;

            font-weight: bold;

        }


        .back-link a:hover {

            color: #00A7B5;

        }

        /* ΚΑΤΑΤΑΞΗ ΑΝΑ ΚΑΤΗΓΟΡΙΑ */

        .category-ranking-section {
            margin-top: 90px;
        }

        .category-ranking-tabs {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 25px;
        }

        .category-ranking-tab {
            border: 1px solid #DDE7E9;
            background: #ffffff;
            color: #263238;
            padding: 11px 16px;
            border-radius: 999px;
            font-size: 15px;
            cursor: pointer;
            transition: 0.2s;
        }

        .category-ranking-tab:hover {
            border-color: #00A7B5;
            color: #00A7B5;
        }

        .category-ranking-tab.active {
            background: #00A7B5;
            border-color: #00A7B5;
            color: #ffffff;
        }

        .category-ranking-mobile {
            display: none;
        }

        /* ΚΙΝΗΤΟ */

        @media (max-width: 700px) {

            .hero {
                height: 315px;
            }

            .hero-content {
                left: 20px;
                bottom: 40px;
            }

            .hero-content h1 {
                font-size: 40px;
            }

            .hero-content p {
                font-size: 17px;
            }

            .hero-stats {
                flex-direction: column;
                gap: 8px;
            }

            .ratings-section {
                padding: 60px 20px;
            }

            .ratings-title {
                font-size: 27px;
            }

            .destination-poll-container {
                grid-template-columns: 1fr;
            }

            .destination-poll-info h2 {
                font-size: 28px;
            }

            .country-hero {
                height: 350px;
            }

            .country-hero h1 {
                font-size: 40px;
            }

            .country-rating-box {
                grid-template-columns: 1fr;
                gap: 12px;
                text-align: center;
                padding: 26px 20px;
            }

            .category-ranking-tabs {
                display: none;
            }

            .category-ranking-mobile {
                display: block;
                max-width: 360px;
                margin: 0 auto 25px;
            }

            .category-ranking-mobile select {
                width: 100%;
                padding: 14px 16px;
                border: 1px solid #DDE7E9;
                border-radius: 10px;
                background: white;
                font-size: 16px;
                color: #263238;
            }

        }


/* ========================================
   ΚΟΙΝΕΣ ΜΠΑΡΕΣ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΔΗΜΟΣΚΟΠΗΣΗΣ
======================================== */

            .poll-vote-total {
                text-align: center;
                color: #777;
                font-size: 14px;
                margin-top: 25px;
            }

            .destination-comments {
                padding: 60px 20px;
            }

            .destination-comments-container {
                max-width: 900px;
                margin: 0 auto;
            }

            .comment-form {
                display: flex;
                flex-direction: column;
                gap: 12px;
                margin: 25px 0 40px;
            }

            .comment-form textarea {
                width: 100%;
                min-height: 120px;
                padding: 14px;
                font: inherit;
                resize: vertical;
                box-sizing: border-box;
            }

            .comment-form button {
                align-self: flex-start;
                padding: 10px 20px;
                cursor: pointer;
            }

            .destination-comment {
                padding: 16px 0;
                border-bottom: 1px solid #ddd;
            }

            .destination-comment p {
                margin: 0 0 8px;
            }

            .destination-comment small {
                opacity: 0.7;
            }

            /* ========================================
            COUNTRY OPINIONS
            ======================================== */

            .country-opinions {
                padding: 60px 20px;
            }

            .country-opinions-container {
                max-width: 1000px;
                margin: 0 auto;
            }

            .country-opinions-container > h2 {
                text-align: center;
                font-size: 30px;
                margin-bottom: 10px;
            }

            .country-opinions-description {
                text-align: center;
                margin-bottom: 35px;
                color: #666;
                font-size: 16px;
            }

            .country-opinions-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 25px;
            }

            .country-opinions-box {
                background: #ffffff;
                border-radius: 16px;
                padding: 25px;
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
            }

            .country-opinions-box.positive {
                border-top: 5px solid #2e9d55;
            }

            .country-opinions-box.negative {
                border-top: 5px solid #d95c5c;
            }

            .country-opinions-box h3 {
                margin-top: 0;
                margin-bottom: 22px;
                font-size: 20px;
            }

            .country-opinions-box ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .country-opinions-box li {
                position: relative;
                padding: 14px 10px 14px 38px;
                margin-bottom: 10px;
                background: #f7f8fa;
                border-radius: 10px;
                line-height: 1.45;
            }

            .country-opinions-box.positive li {
                background: #f2faf5;
            }

            .country-opinions-box.negative li {
                background: #fff4f4;
            }

            .country-opinions-box.positive h3 {
                color: #267a45;
            }

            .country-opinions-box.negative h3 {
                color: #b94a4a;
            }

            .country-opinions-box.positive li::before {
                content: "✓";
                position: absolute;
                left: 14px;
                font-weight: bold;
                color: #2e9d55;
            }

            .country-opinions-box.negative li::before {
                content: "!";
                position: absolute;
                left: 16px;
                font-weight: bold;
                color: #d95c5c;
            }


            /* MOBILE */

            @media (max-width: 768px) {

                .country-opinions {
                    padding: 40px 15px;
                }

                .country-opinions-grid {
                    grid-template-columns: 1fr;

                }

                .country-opinions-container > h2 {
                    font-size: 26px;
                }

            }

            .country-card-stats {
                display: flex;
                gap: 16px;
                align-items: center;
                margin: 14px 0;
                font-size: 15px;
                font-weight: 600;
            }

            .abroad-country-rating {
                white-space: nowrap;
            }

            .abroad-country-votes {
                color: #666;
                white-space: nowrap;
            }

            @media (max-width: 768px) {

                .country-card-stats {
                    flex-wrap: wrap;
                    gap: 8px 14px;
                }

            }

            /* ========================================
            ABROAD COUNTRY CONTROLS
            ======================================== */

            .country-controls {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 16px;

                max-width: 1000px;
                margin: 0 auto 30px;
            }

            .country-controls input,
            .country-controls select {
                padding: 12px 14px;
                border: 1px solid #ddd;
                border-radius: 10px;

                font: inherit;
                background: #fff;
            }

            .country-controls input {
                flex: 1;
                max-width: 420px;
            }

            .country-controls select {
                min-width: 230px;
                cursor: pointer;
            }

            .language-button {
                border: none;
                background: none;
                cursor: pointer;
                font-size: 14px;
                padding: 5px;
                color: #777;
            }

            .language-button:hover {
                color: #00A7B5;
            }

            .language-button.active {
                color: #00A7B5;
                font-weight: bold;
            }

            /* MOBILE */

            @media (max-width: 768px) {

                .country-controls {
                    flex-direction: column;
                    align-items: stretch;
                }

                .country-controls input,
                .country-controls select {
                    width: 100%;
                    max-width: none;
                    box-sizing: border-box;
                }

            }




/* =====================================================
COMPACT DESTINATION POLLS - TEST
===================================================== */

            /* Μικρότερη απόσταση ανάμεσα στα polls */
            .destination-poll {
                padding: 30px 4vw;
            }

            /* Πιο συμπαγές εσωτερικό */
            .destination-poll-container {
                gap: 32px;
            }

            /* Τίτλος ερώτησης */
            .destination-poll-info h2 {
                margin-top: 8px;
                margin-bottom: 10px;
                line-height: 1.25;
            }

            /* Επεξηγηματικό κείμενο */
            .destination-poll-info p {
                margin-top: 0;
                margin-bottom: 0;
                font-size: 0.94rem;
                line-height: 1.5;
            }

            /* Μικρότερο κουτί ψηφοφορίας */
            .destination-poll-box {
                padding: 22px;
            }

            /* Οι 5 επιλογές σε δύο στήλες */
            .destination-poll-box > div[id$="-vote-area"] {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 8px;
            }

            /* Τα κουμπιά λίγο πιο compact */
            .destination-poll .poll-choice {
                margin: 0;
                padding: 10px 8px;
                min-height: 46px;
                font-size: 14px;
                text-align: center;
            }

            /* Mobile: επιστροφή σε μία στήλη */
            @media (max-width: 700px) {

                .destination-poll {
                    padding: 22px 15px;
                }

                .destination-poll-container {
                    gap: 18px;
                }

                .destination-poll-box {
                    padding: 18px;
                }

                .destination-poll-box > div[id$="-vote-area"] {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 8px;
                }

            }

            /* =========================================
            POLL CATEGORY BACKGROUNDS
            ========================================= */

                .destination-poll[data-poll="stay"] {
                    background: #f8fafc;
                }

                .destination-poll[data-poll="nature"] {
                    background: #f1f7f2;
                }


            .destination-poll[data-poll="culture"] {
                background:
                    linear-gradient(
                        rgba(255, 255, 255, 0.80),
                        rgba(255, 255, 255, 0.80)
                    ),
                    url("../images/culture.png");

                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }


            .destination-poll[data-poll="food"] {
                background:
                    linear-gradient(
                        rgba(255, 255, 255, 0.80),
                        rgba(255, 255, 255, 0.80)
                    ),
                    url("../images/food.png");

                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }


            .destination-poll[data-poll="activities"] {
                background:
                    linear-gradient(
                        rgba(255, 255, 255, 0.80),
                        rgba(255, 255, 255, 0.80)
                    ),
                    url("../images/activities.png");

                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }


            .destination-poll[data-poll="value"] {
                background:
                    linear-gradient(
                        rgba(255, 255, 255, 0.80),
                        rgba(255, 255, 255, 0.80)
                    ),
                    url("../images/value.png");

                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

                .destination-poll-container,
                .ratings-container,
                .polls-section-header-inner {
                    max-width: 1280px;
                    margin-left: auto;
                    margin-right: auto;
                }

                .polls-section-header {
                padding: 34px 4vw 18px;
                background: #ffffff;
                }

                .polls-section-header-inner {
                    text-align: center;
                }

                .polls-main-label {
                    font-size: 1.35rem;
                    font-weight: 700;
                    letter-spacing: 0.02em;
                    margin-bottom: 8px;
                }

                .polls-section-header p {
                    margin: 0 auto;
                    max-width: 760px;
                    font-size: 1.05rem;
                    line-height: 1.6;
                }

            .country-destination-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 24px;
                width: 100%;
            }

            .country-destination-card {
                width: 100%;
                min-width: 0;
            }

            .country-destination-info {
                width: 100%;
            }

            /* ========================================
            BACK LINK BAR
            ======================================== */

            .back-link-bar {
                width: 100%;
                max-width: 1100px;
                margin: 0 auto;
                padding: 16px 30px;
                box-sizing: border-box;
            }

            .back-link-bar a {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                color: #263238;
                text-decoration: none;
                font-size: 15px;
                font-weight: 600;
                transition: opacity 0.2s ease;
            }

            .back-link-bar a:hover {
                opacity: 0.65;
            }

            @media (max-width: 700px) {

                .back-link-bar {
                    padding: 14px 20px;
                }

            }


            /* ========================================
            COMPACT POLL RESULTS
            ======================================== */

            .destination-poll .poll-choice {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 7px;
            }


            .destination-poll .poll-choice-percent {
                display: none;
                font-size: 17px;
                font-weight: 700;
                color: #00A7B5;
            }


            .destination-poll .compact-poll-results {
                width: 100%;
            }


            .destination-poll
            .compact-poll-results
            .poll-vote-total {
                margin: 10px 0 0;
                text-align: right;
            }

            /* ========================================
            RATINGS GRID - 7 ΚΑΡΤΕΣ
            ======================================== */

            .ratings-grid {
                grid-template-columns:
                    repeat(7, minmax(0, 1fr));

                gap: 12px;
            }


            .rating-card {
                padding: 18px 10px;
            }


            .rating-icon {
                font-size: 28px;
                margin-bottom: 8px;
            }


            .rating-name {
                font-size: 13px;
                line-height: 1.3;
                min-height: 34px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 8px;
            }


            .rating-score {
                font-size: 18px;
            }


            .stay-rating-card
            .rating-score {
                color: #00A7B5;
                font-weight: 700;
            }

            /* ========================================
            RATINGS GRID - MOBILE
            ======================================== */

            @media (max-width: 700px) {

                .ratings-grid {
                    grid-template-columns:
                        repeat(4, minmax(0, 1fr));

                    gap: 8px;
                }


                .rating-card {
                    padding: 12px 6px;
                }


                .rating-icon {
                    font-size: 24px;
                    margin-bottom: 6px;
                }


                .rating-name {
                    font-size: 11px;
                    line-height: 1.2;
                    min-height: 40px;
                    margin-bottom: 6px;
                }


                .rating-score {
                    font-size: 15px;
                }

            }

            /* ========================================
            HEADER LAYOUT
            ======================================== */

            header {
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }


            /* LOGO */

            .logo {
                flex-shrink: 0;
            }


            /* ΚΥΡΙΟ MENU */

            .main-nav {
                display: flex;
                align-items: center;
                gap: 25px;

                margin-left: 35px;
            }


            /* ΕΠΙΛΟΓΗ ΓΛΩΣΣΑΣ */

            .language-selector {
                display: flex;
                align-items: center;
                gap: 6px;

                margin-left: auto;
            }


            /* ========================================
            HEADER - MOBILE
            ======================================== */

            @media (max-width: 700px) {

                header {
                    padding: 15px 20px;
                }


                .site-logo {
                    height: 42px;
                }


                .main-nav {
                    display: none;
                    margin-left: 0;
                }


                .main-nav.active {
                    display: flex;

                    position: absolute;

                    top: 100%;
                    left: 0;

                    width: 100%;

                    flex-direction: column;
                    align-items: flex-start;

                    background: white;

                    padding: 20px;

                    gap: 20px;

                    border-bottom: 1px solid #ddd;

                    z-index: 1000;
                }


                .language-selector {
                    margin-left: auto;
                    margin-right: 12px;
                }


                .menu-button {
                    display: block;
                    flex-shrink: 0;
                }

            }

            /* ========================================
            POLL VISUAL STYLE - PILOT NATURE
            ======================================== */

            .destination-poll[data-poll="nature"]
            .destination-poll-container {
                position: relative;
            }


            .destination-poll[data-poll="nature"]
            .destination-poll-info {
                position: relative;
                padding-right: 130px;
            }


            .destination-poll[data-poll="nature"]
            .destination-poll-info::after {
                content: "🌿";

                position: absolute;

                right: 20px;
                top: 50%;

                transform: translateY(-50%);

                font-size: 74px;
                line-height: 1;

                opacity: 0.18;
            }

            /* Σύμβολα κατηγοριών */

            .destination-poll[data-poll="stay"]
            .destination-poll-info,
            .destination-poll[data-poll="culture"]
            .destination-poll-info,
            .destination-poll[data-poll="food"]
            .destination-poll-info,
            .destination-poll[data-poll="activities"]
            .destination-poll-info,
            .destination-poll[data-poll="transport"]
            .destination-poll-info,
            .destination-poll[data-poll="value"]
            .destination-poll-info {
                position: relative;
                padding-right: 130px;
            }


            .destination-poll[data-poll="stay"]
            .destination-poll-info::after,
            .destination-poll[data-poll="culture"]
            .destination-poll-info::after,
            .destination-poll[data-poll="food"]
            .destination-poll-info::after,
            .destination-poll[data-poll="activities"]
            .destination-poll-info::after,
            .destination-poll[data-poll="transport"]
            .destination-poll-info::after,
            .destination-poll[data-poll="value"]
            .destination-poll-info::after {
                position: absolute;

                right: 20px;
                top: 50%;

                transform: translateY(-50%);

                font-size: 74px;
                line-height: 1;

                opacity: 0.18;
            }


            .destination-poll[data-poll="stay"]
            .destination-poll-info::after {
                content: "🏨";
            }


            .destination-poll[data-poll="culture"]
            .destination-poll-info::after {
                content: "🏛️";
            }


            .destination-poll[data-poll="food"]
            .destination-poll-info::after {
                content: "🍜";
            }


            .destination-poll[data-poll="activities"]
            .destination-poll-info::after {
                content: "🎉";
            }


            .destination-poll[data-poll="transport"]
            .destination-poll-info::after {
                content: "🚆";
            }


            .destination-poll[data-poll="value"]
            .destination-poll-info::after {
                content: "💰";
            }


            .destination-poll[data-poll="nature"]
            .destination-poll-box {
                background: rgba(255, 255, 255, 0.92);
            }


            /* MOBILE */

            @media (max-width: 700px) {

                .destination-poll[data-poll="nature"]
                .destination-poll-info {
                    padding-right: 70px;
                }


                .destination-poll[data-poll="nature"]
                .destination-poll-info::after {
                    right: 5px;
                    font-size: 50px;
                }

                .destination-poll[data-poll="stay"]
                .destination-poll-info,
                .destination-poll[data-poll="culture"]
                .destination-poll-info,
                .destination-poll[data-poll="food"]
                .destination-poll-info,
                .destination-poll[data-poll="activities"]
                .destination-poll-info,
                .destination-poll[data-poll="transport"]
                .destination-poll-info,
                .destination-poll[data-poll="value"]
                .destination-poll-info {
                    padding-right: 70px;
                }


                .destination-poll[data-poll="stay"]
                .destination-poll-info::after,
                .destination-poll[data-poll="culture"]
                .destination-poll-info::after,
                .destination-poll[data-poll="food"]
                .destination-poll-info::after,
                .destination-poll[data-poll="activities"]
                .destination-poll-info::after,
                .destination-poll[data-poll="transport"]
                .destination-poll-info::after,
                .destination-poll[data-poll="value"]
                .destination-poll-info::after {
                    right: 5px;
                    font-size: 50px;
                }

            }

            /* ========================================
            COUNTRY DESTINATIONS - MOBILE
            ======================================== */

            @media (max-width: 700px) {

                .country-destination-grid {
                    grid-template-columns: 1fr;
                }

            }

            /* ========================================
            ABROAD COUNTRIES - MOBILE
            ======================================== */

            @media (max-width: 700px) {

                .country-grid {
                    grid-template-columns: 1fr !important;
                }

            }

            /* SVG country flags */

            .country-card .country-flag {
                width: 28px;
                height: 21px;
                object-fit: cover;
                flex-shrink: 0;
                transform: translateY(5px);
            }

/* ========================================
   TRAVELPOLL UNIFIED PUBLIC HEADER
======================================== */
header {
    height: 86px;
    padding: 0 8%;
    display: grid;
    grid-template-columns: 220px 1fr 120px;
    align-items: center;
    column-gap: 24px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(38, 50, 56, 0.05);
}

header .logo {
    justify-self: start;
}

header .logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

header .site-logo {
    display: block;
    width: 250px;
    height: auto;
}

header .main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

header .main-nav a {
    position: relative;
    margin: 0;
    padding: 31px 0 28px;
    color: #263238;
    text-decoration: none;
    font-size: 16px;
    white-space: nowrap;
}

header .main-nav a:hover,
header .main-nav a.active {
    color: #007D8A;
}

header .main-nav a.active {
    font-weight: 600;
}

header .main-nav a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 17px;
    height: 3px;
    border-radius: 3px;
    background: #00A7B5;
}

header .language-selector {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1050px) {
    header {
        grid-template-columns: 170px 1fr 105px;
        column-gap: 16px;
        padding-left: 4%;
        padding-right: 4%;
    }

    header .main-nav {
        gap: 20px;
    }

    header .site-logo {
        width: 180px;
    }
}

/* TravelPoll typography */
body { font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif; }

/* ========================================
   FINAL MOBILE HEADER OVERRIDE
   Keeps desktop navigation out of the mobile header
======================================== */
@media (max-width: 700px) {
    header {
        position: relative;
        height: 70px;
        padding: 0 16px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        column-gap: 10px;
    }

    header .logo {
        min-width: 0;
        justify-self: start;
    }

    header .site-logo {
        width: 150px;
        max-width: 100%;
        height: auto;
    }

    header .language-selector {
        justify-self: end;
        margin: 0;
        gap: 5px;
    }

    header .language-button {
        padding: 5px 4px;
        font-size: 13px;
    }

    header .menu-button {
        display: block;
        justify-self: end;
        flex-shrink: 0;
        margin: 0;
        padding: 6px;
        line-height: 1;
        font-size: 28px;
    }

    header .main-nav {
        display: none;
        margin: 0;
    }

    header .main-nav.active {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 8px 16px 14px;
        background: #FFFFFF;
        border-top: 1px solid #DDE7E9;
        border-bottom: 1px solid #DDE7E9;
        box-shadow: 0 8px 18px rgba(38, 50, 56, 0.10);
    }

    header .main-nav.active a {
        width: 100%;
        margin: 0;
        padding: 12px 4px;
        font-size: 15px;
    }

    header .main-nav.active a.active::after {
        display: none;
    }
}

/* ========================================
   SITE FOOTER
   ======================================== */

.site-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;

    padding: 24px 20px;

    background: #FFFFFF;
    border-top: 1px solid var(--tp-border);

    color: #7A888E;
    font-size: 13px;
    line-height: 1.5;
}

.site-footer a {
    color: var(--tp-text-secondary);
    text-decoration: none;
}

.site-footer a:hover {
    color: var(--tp-primary-dark);
    text-decoration: underline;
}

.site-footer-separator {
    color: #B0BEC2;
}