/*
Theme Name: chios24.gr ListingPro Child
Theme URI: https://chios24.gr/
Description: Child theme for ListingPro used by chios24.gr.
Author: chios24.gr
Template: listingpro
Version: 1.1.0
Text Domain: chios24-child
*/

/* =========================================================
   chios24.gr design tokens
   ========================================================= */
:root {
    --chios24-navy: #062B63;
    --chios24-blue: #0B4EA2;
    --chios24-cyan: #18CBEA;
    --chios24-aqua: #54E1F2;
    --chios24-bg: #EEF7FC;
    --chios24-soft: #F7FAFC;
    --chios24-dark: #041B3D;
    --chios24-body: #526579;
    --chios24-border: #D7E7F1;
    --chios24-white: #FFFFFF;
}

/* Accessibility */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--chios24-aqua) !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

body {
    color: var(--chios24-body);
}

p,
.entry-content,
.lp-listing-description,
.lp-detail-content {
    color: var(--chios24-body);
}

/* Buttons: use dark text on cyan for AA contrast */
.btn-primary,
.lp-primary-btn,
input[type="submit"],
button[type="submit"] {
    border-color: var(--chios24-blue);
}

.btn-primary:focus-visible,
.lp-primary-btn:focus-visible,
input[type="submit"]:focus-visible,
button[type="submit"]:focus-visible {
    outline-color: var(--chios24-aqua) !important;
}

/* ListingPro footer */
footer,
footer p,
footer li,
footer span,
footer address {
    color: #FFFFFF;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #FFFFFF;
}

footer a {
    color: #EEF7FC;
}

footer a:hover,
footer a:focus-visible {
    color: #54E1F2;
}

footer img {
    max-width: 100%;
    height: auto;
}

/* Cards and content surfaces */
.lp-listing,
.lp-listing-post,
.lp-listing-post-wrap,
.lp-listing-box,
.lp-detail-content,
.lp-sidebar-box {
    border-color: var(--chios24-border);
}

.lp-listing:hover,
.lp-listing-post:hover {
    border-color: #BFDCEB;
}

/* Dedicated advertising zones.
   These are intentionally visually different from organic listing cards. */
.chios24-ad-zone {
    position: relative;
    width: 100%;
    margin: 24px 0;
    padding: 12px;
    background: var(--chios24-soft);
    border: 1px solid var(--chios24-border);
    border-radius: 14px;
    text-align: center;
    overflow: hidden;
}

.chios24-ad-zone::before {
    content: "Διαφήμιση";
    display: block;
    margin-bottom: 8px;
    color: var(--chios24-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.chios24-ad-zone img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    border-radius: 10px;
}

.chios24-ad-zone--sidebar {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.chios24-ad-zone--wide {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}

/* Utility for future left/right ad rails on wide screens */
.chios24-layout-with-ad-rails {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}

.chios24-ad-rail {
    display: none;
}

/* Prevent media/layout overflow */
img,
iframe,
video,
svg {
    max-width: 100%;
}

.entry-content,
.lp-detail-content,
.lp-sidebar-box {
    overflow-wrap: anywhere;
}

/* Responsive ad behaviour */
@media (min-width: 1280px) {
    .chios24-layout-with-ad-rails {
        grid-template-columns: 300px minmax(0, 1fr) 300px;
        align-items: start;
    }

    .chios24-ad-rail {
        display: block;
        position: sticky;
        top: 110px;
    }
}

@media (max-width: 1279px) {
    .chios24-ad-rail {
        display: block;
        position: static;
    }

    .chios24-ad-zone--sidebar {
        max-width: 728px;
    }
}

@media (max-width: 767px) {
    .chios24-ad-zone {
        margin: 18px 0;
        padding: 10px;
        border-radius: 12px;
    }

    .chios24-ad-zone--sidebar,
    .chios24-ad-zone--wide {
        max-width: 100%;
    }

    .chios24-ad-rail {
        width: 100%;
    }
}