/*
 * Croaziere Brand v1.0.0 — palette overrides (front end only).
 * Ink #1C1F1A · Body #3A3E36 · Meta #6F746A · Lines #E4E5E0 · Green #CDD873 (hover #BFCB5F, text #222)
 * Selectors are prefixed with `html body` to beat the theme's inline <style> blocks (printed in <body>).
 * Dark areas (.hero photo header, .footer) are deliberately left alone: no charcoal on dark backgrounds.
 */

/* 1. Body / paragraph text -> #3A3E36 (content area only; footer keeps its white text) */
html body .main,
html body .main p,
html body .about-content,
html body .about-content p,
html body .about-content .about-text-1 { color: #3A3E36; }

/* 2. Big serif titles (gold #a07832 / #333 / #222 / #242c32) -> #1C1F1A
      Titles on photos (.hero .welcome-message) stay white on purpose. */
html body .main h1,
html body .main h2,
html body .main h3,
html body .main h3 > a,
html body .section-title,
html body .subsection-title,
html body .card-list .cruise-name,
html body .cruise-details-name,
html body .cruise-section-title,
html body .reservation-cruise-name,
html body .about-content h2,
html body .cruise-itinerary th h3,
html body .single-page table th h3,
html body .featured-cruises .cruise-name h2,
html body .cruise-details .cruise-name,
html body .cruisecat-description h2,
html body .companies-categories h3,
html body .companies-list .company-name,
html body .cruise-categories li a,
html body .company-link,
html body .article-title,
html body .article-title a { color: #1C1F1A; }
html body .card-list .cruise-name:hover,
html body .section-featured-articles h3 a:hover,
html body .cruise-categories li a:hover { color: #3A3E36; }
html body .cruise-categories .fa,
html body .cruise-description-link .fa { color: #1C1F1A; }

/* 3. Green #CDD873: buttons + small header underlines only */
html body .product-nav-section a.btn-reserve,
html body a.cruise-card-btn,
html body a.cruise-card-btn:link,
html body a.cruise-card-btn:visited,
html body a.cruise-card-btn:active,
html body button.cruise-card-btn,
html body .main input.wpcf7-submit { background-color: #CDD873; color: #222; border-color: #CDD873; }
html body .product-nav-section a.btn-reserve:hover,
html body .product-nav-section a.btn-reserve:focus,
html body a.cruise-card-btn:hover,
html body a.cruise-card-btn:focus,
html body button.cruise-card-btn:hover,
html body button.cruise-card-btn:focus,
html body .main input.wpcf7-submit:hover,
html body .main input.wpcf7-submit:focus { background-color: #BFCB5F; color: #222; border-color: #BFCB5F; }
/* Archive search button: keep its magnifier icon, redrawn dark so it reads on green (theme icon is white) */
html body .search-btn,
html body .search-btn:hover,
html body .search-btn:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='M15 15l6 6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 20px center;
}
html body .section-title:after,
html body .cruise-itinerary th h3:after { background: #CDD873; }

/* 4. Links -> #1C1F1A. Default (theme-blue) links get the colour at the lowest specificity,
      so any link with its own class colour (buttons, nav, card titles, logo) keeps it. */
:where(.main) a { color: #1C1F1A; }
:where(.main) a:hover { color: #3A3E36; }
/* Underline only in running text: paragraphs, table cells, offer description and section content. */
html body .main p a:not(.btn):not([class*="btn"]):not(.cruise-title-link):not(.cruise-card-link),
html body .main td a:not(.btn):not([class*="btn"]),
html body .main .cruise-meta a,
html body .main .cruise-description a:not(.btn),
html body .main .cruise-section-content li a:not(.btn),
html body .main .entry-content a:not(.btn):not([class*="btn"]),
html body .main .show-cruise-description,
html body #advenced-filter-reset {
	color: #1C1F1A;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
html body .main p a:not(.btn):not([class*="btn"]):not(.cruise-title-link):not(.cruise-card-link):hover,
html body .main td a:not(.btn):not([class*="btn"]):hover,
html body .main .cruise-meta a:hover,
html body .main .cruise-description a:not(.btn):hover,
html body .main .cruise-section-content li a:not(.btn):hover,
html body .main .entry-content a:not(.btn):not([class*="btn"]):hover,
html body .main .show-cruise-description:hover,
html body #advenced-filter-reset:hover { color: #3A3E36; text-decoration-thickness: 2px; }
/* Never underline navigation, buttons, card titles or the logo. */
html body .nav a, html body .mobile-nav a, html body .product-nav a, html body .menu a,
html body .main .btn, html body .main [class*="btn"], html body .cruise-title-link,
html body .cruise-card-link, html body .logo a, html body .logo-wrap { text-decoration: none; }

/* 5. Labels / meta captions -> #6F746A (values next to them -> #1C1F1A) */
html body .cruise-meta b,
html body .card-list .cruise-meta b,
html body .section-cruise-details .cruise-info b,
html body .cruise-list .cruise-info b,
html body .ship-info,
html body .ship-info p,
html body .companies-categories p,
html body .about-content .about-text-2 { color: #6F746A; }
html body .cruise-meta b span,
html body .card-list .cruise-meta b span,
html body .section-cruise-details .cruise-info li span { color: #1C1F1A; }

/* 6. Leftover gold / red / blue accents -> neutrals */
html body .card-list .cruise-price { border-color: #E4E5E0; }             /* price box border #dfc597 */
html body .card-separator { border-top-color: #E4E5E0; }                   /* card divider #f3e9d7 */
html body .cc-color-box { background-color: #E4E5E0; }                     /* offer collage block #e9dfcd */
html body .cruise-description:before { background: #1C1F1A; }              /* red divider #dd1d1d */
html body .cruise-section-item { border-color: #E4E5E0; }                  /* accordion lines #e9e9e9 */
html body .main td { border-bottom-color: #E4E5E0; }                       /* table rows #dde9f2 */
html body .cruise-itinerary td:after { background: #E4E5E0; }              /* itinerary cell rule #dde9f2 */
html body .single-page table th { border-bottom-color: #E4E5E0; }          /* tariff table header rule #dde9f2 */
html body .single-page table td { border-top-color: #E4E5E0; }
html body .main hr { background-color: #E4E5E0; border-color: #E4E5E0; }   /* #dce9f1 */
html body .advenced-filter-sort { color: #1C1F1A; }                        /* sort control gold #a07832 */
html body .dropdown-triangle { border-top-color: #1C1F1A; }                /* sort caret gold */
html body #count-span { color: #3A3E36; }                                  /* result count #7c5d26 */
html body .daterangepicker-clear,
html body .select2-container--default .select2-selection__clear { color: #1C1F1A; } /* red clear "x" */
html body .nav li.current-menu-item a { border-bottom-color: #1C1F1A; }   /* active menu red underline */
html body .hero .nav li.current-menu-item a { border-bottom-color: #fff; } /* ...but white over hero photos */
html body .slick-prev:hover:before, html body .slick-prev:focus:before,
html body .slick-next:hover:before, html body .slick-next:focus:before { color: #1C1F1A; }
html body .gallery-more:hover { border-color: #1C1F1A; }
/* Offer accordion +/- icons: theme SVGs are drawn in gold #a07832 -> same icons redrawn in #1C1F1A */
html body .cruise-section-title {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3V21M3 12H21' stroke='%231C1F1A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
html body .cruise-section-title.open {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 12H21' stroke='%231C1F1A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
