/*
 Theme Name: Houzez Child SNK
 Theme URI: https://stanoviinekretnine.me
 Description: Child tema za Houzez sa accessibility doradama
 Author: SNK
 Template: houzez
 Text Domain: houzez-child-snk
*/

/* 1) Leaflet marker – veći tap target */
.leaflet-marker-icon.leaflet-interactive[role="button"][tabindex="0"] {
    width: 48px !important;
    height: 60px !important;
    margin-left: -24px !important;
    margin-top: -60px !important;
}

/* 2) SINGLE LISTING – linkovi u sadržaju i widgetima da ne budu samo bojom različiti */
body.single-property .property-content a,
body.single-property .property-description a,
body.single-property .entry-content a,
body.single-property .widget a {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

/* Ne podvlači glavnu navigaciju i footer linkove na single listing stranici */
body.single-property header.header-main-wrap a,
body.single-property footer a {
    text-decoration: none;
}

/* 3) GDPR tekst i link "Uslovi korišćenja" – kontrast + underline */
.property-form .gdpr-text-wrap,
.gdpr-text-wrap {
    color: #444 !important;
    font-size: 13px;
    line-height: 1.4;
}

.property-form .gdpr-text-wrap a,
.gdpr-text-wrap a {
    color: #000 !important;
    font-weight: 700;
    text-decoration: underline !important;
    text-underline-offset: 0.15em;
}

.property-form .gdpr-text-wrap a:hover,
.property-form .gdpr-text-wrap a:focus,
.gdpr-text-wrap a:hover,
.gdpr-text-wrap a:focus {
    text-decoration-thickness: 2px;
}

/* 2026-10-21: listing-grid pages (rent/sale categories, facets) print the page text below the listings in
   section.content-wrap WITHOUT .container (Houzez listing-common.php), so it ran edge to edge. Give it the same
   width and gutters as .container (Houzez: 100%/540/750/970/1210, 12px side padding) so it lines up with the grid. */
body[class*="template-listing-"] #main-wrap > section.content-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
@media (min-width: 576px)  { body[class*="template-listing-"] #main-wrap > section.content-wrap { max-width: 540px; } }
@media (min-width: 768px)  { body[class*="template-listing-"] #main-wrap > section.content-wrap { max-width: 750px; } }
@media (min-width: 992px)  { body[class*="template-listing-"] #main-wrap > section.content-wrap { max-width: 970px; } }
@media (min-width: 1200px) { body[class*="template-listing-"] #main-wrap > section.content-wrap { max-width: 1210px; } }