/**
 * Wave 3 — Visual polish bulk file.
 * Items: #13 logo, #16 gray text → brand, #18 carousel corners,
 * #34 anchor offset, #37 features bullets.
 * Brand color: #01024d.
 */

/* ============================================================
 * #13 Bigger logo for better brand visibility
 * ============================================================ */
.menu-logo a img,
#header .menu-logo img,
.transparent-header .menu-logo a img,
#header.cloned .menu-logo a img {
    max-height: 50px !important;
    width: auto;
    height: auto;
}
.menu-logo {
    display: flex;
    align-items: center;
    min-height: 50px;
}
@media (max-width: 768px) {
    .menu-logo a img,
    #header .menu-logo img,
    #header.cloned .menu-logo a img {
        max-height: 42px !important;
    }
}

/* ============================================================
 * #16 Replace muted gray body text with brand navy
 * Targets ONLY body content paragraphs and grayed-out copy —
 * keeps form placeholders, small print, dark backgrounds intact.
 * ============================================================ */
body,
.listing-section p,
.listing-section li,
.single-listing-info p,
#listing-overview p,
#listing-overview li,
.kymma-summary-footer,
.boat-card__body,
.boat-card__location,
.boat-card__specs,
.faq-question,
.faq-answer p {
    color: #1f2540;
}

/* Headings everywhere → brand navy (the design wants dark blue prominence) */
h1, h2, h3, h4, h5, h6,
.listing-section h3,
.kymma-wa-title,
.single_page_title {
    color: #01024d;
}

/* Soft greys that look "weak" → use a darker navy-ish gray */
.text-muted,
.muted-text,
.boat-card__price-from,
.kymma-wa-price-from,
.listing-card-style-price-currency {
    color: #4a4f6c !important;
}

/* ============================================================
 * #18 Soften square carousel corners (homepage + boat pages)
 * Overrides the conflicting `border-radius: 0` rule in parent theme.
 * ============================================================ */
.slick-slide,
.slick-slide img,
.main-search-simple-slider .slick-slide,
.image-with-info img,
.carousel-item img,
.listings-container.compact-list-layout .listing-img-container img,
.boat-card__images-link img,
.listing-img-container img {
    border-radius: 12px !important;
}

/* Inner image of the boat gallery on detail pages */
.single-listing-gallery img,
.listing-slider .slick-slide,
#single-listing-gallery img {
    border-radius: 14px !important;
}

/* ============================================================
 * #34 Anchor scroll offset for sticky header
 * Without this, jumping to #faq / #listing-overview etc. lands the
 * target underneath the fixed header bar.
 * ============================================================ */
html { scroll-padding-top: 80px; }
[id]:target { scroll-margin-top: 80px; }

@media (max-width: 768px) {
    html { scroll-padding-top: 65px; }
    [id]:target { scroll-margin-top: 65px; }
}

/* ============================================================
 * #37 Features list: replace native checkbox skin with bullets
 * Listing feature rows render inside `<ul class="listing-features checkboxes">`
 * — Listeo styles each <li> with a check-square icon. Convert to plain
 * bullets for cleaner reading of plain info fields.
 * ============================================================ */
.listing-features.checkboxes,
ul.listing-features,
.listing-section .checkboxes {
    list-style: none;
    padding-left: 0;
    margin-bottom: 12px;
}

.listing-features.checkboxes li,
.listing-section .checkboxes li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 6px;
    line-height: 1.5;
}

.listing-features.checkboxes li::before,
.listing-section .checkboxes li::before {
    content: '\2022'; /* bullet • */
    position: absolute;
    left: 0;
    top: 0;
    color: #01024d;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
}

/* Hide any inherited check-square SVG/font icon Listeo injects */
.listing-features.checkboxes li i,
.listing-features.checkboxes li svg,
.listing-section .checkboxes li i.fa-check-square,
.listing-section .checkboxes li i.fa-square {
    display: none !important;
}

/* #29: Hide Listeo native verified-badge — our custom kymma-verified-badge already shows it next to title */
.listeo-listing-content > .verified-badge.with-tip,
.single-listing-info .verified-badge.with-tip,
.boxed-widget .verified-badge.with-tip,
.single_page_title + .verified-badge.with-tip,
.verified-badge.with-tip { display: none !important; }