/* ==========================================================
   Latin Discoveries - Customize Your Trip
   Ethicweb - 2026
   Couleurs du site : violet #401f85, magenta #7c1386, turquoise #00d8ae
   ========================================================== */

/* ---------- Fiche circuit : bouton "Customize Your Trip" (a la place de WhatsApp) ---------- */
.link-customize { margin-bottom: 25px; float: left; width: 100%; }
.link-customize a {
    display: flex; align-items: center; min-height: 56px;
    background: #00d8ae; border-radius: 30px; text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(64, 31, 133, .15); transition: background .2s;
}
.link-customize a:hover, .link-customize a:focus { background: #00c29c; }
.link-customize .icon-c {
    flex: none; width: 62px; height: 62px; margin-left: -2px; border-radius: 50%;
    background: #fff; border: 4px solid #00d8ae; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;
    color: #401f85; font-size: 24px;
}
.link-customize .label-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; line-height: 1.2; padding: 6px 10px; }
.link-customize .label-w { color: #401f85; font-size: 18px; font-weight: 700; }
.link-customize .label-c { color: #401f85; font-size: 13px; font-weight: 600; }

/* ---------- Fiche circuit : WhatsApp flottant au-dessus de "Book a call" ---------- */
.link-whatsapp-float {
    position: fixed; right: 24px; bottom: 100px; z-index: 998;
    width: 60px; height: 60px; border-radius: 50%;
    background: #45c655; color: #fff !important;
    display: flex; align-items: center; justify-content: center;
    font-size: 32px; box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    text-decoration: none !important; transition: transform .2s;
}
.link-whatsapp-float:hover, .link-whatsapp-float:focus { transform: scale(1.06); }
@media (max-width: 767px) {
    .link-whatsapp-float { right: 14px; bottom: 84px; width: 52px; height: 52px; font-size: 28px; }
}

/* ---------- Liste par destination : circuits personnalisables ---------- */
.deals_tour_item.is-customizable { box-shadow: 0 6px 18px rgba(64, 31, 133, .25); outline: 2px solid #401f85; }
.deals_tour_item.is-customizable .info-deal-content,
.deals_tour_item.is-customizable .info-deal-middle { background: #401f85; }
.deals_tour_item.is-customizable .info-deal-content,
.deals_tour_item.is-customizable .info-deal-content *,
.deals_tour_item.is-customizable .info-deal-middle a,
.deals_tour_item.is-customizable .info-deal-middle .libelle-pays { color: #fff !important; }
.deals_tour_item.is-customizable .info-deal-bottom { position: relative; }
.ld-customizable-tag {
    position: absolute; top: 14px; left: 0; z-index: 2;
    background: #00d8ae; color: #401f85; font-weight: 700; font-size: 14px;
    padding: 6px 14px; text-transform: uppercase; letter-spacing: .3px;
}
.ld-customizable-tag i { margin-right: 6px; }
.deals_tour_item .ld-btn-customize,
.deals_tour_item .ld-btn-customize:hover { background: #00d8ae !important; color: #401f85 !important; border-color: #00d8ae !important; }

/* Bandeau d'explication sur les pages destination */
.ld-customize-banner {
    display: flex; flex-wrap: wrap; align-items: center; gap: 24px;
    background: #f2f2f2; border: 1px solid #ccc2d3; margin: 20px 15px 30px; padding: 0;
}
.ld-customize-banner__video { flex: 0 1 360px; min-width: 260px; }
.ld-customize-banner__video iframe,
.ld-customize-banner__video video { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; background: #000; }
.ld-customize-banner__text { flex: 1 1 340px; padding: 18px 26px 18px 26px; }
.ld-customize-banner__text h2 { color: #401f85; font-size: 22px; margin: 0 0 8px; }
.ld-customize-banner__text p { margin: 0 0 8px; }
.ld-customize-banner__new {
    display: inline-block; background: #00d8ae; color: #401f85; font-weight: 700; font-size: 13px; padding: 2px 12px; margin-bottom: 8px;
}
.ld-customize-banner .btn-view-tour-g { display: inline-block; margin-top: 6px; }
.ld-customize-banner__alt a { color: #7c1386; font-weight: 700; }

/* ---------- Pages "Customize Your Trip" ---------- */
.ld-customize-header { background-color: #401f85; background-size: cover; background-position: center; }
.ld-customize-header .tour-pays { display: inline-block; background: #00d8ae; color: #401f85; font-weight: 600; padding: 4px 24px; margin-bottom: 8px; }
.ld-customize-kicker { display: block; font-size: .5em; color: #00d8ae; text-transform: uppercase; letter-spacing: 1px; }
.ld-customize-intro { padding-top: 20px; padding-bottom: 10px; }
.ld-customize-intro p { font-size: 16px; }
.ld-customize-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 10px 0 20px; }
.ld-customize-frame-wrap { width: 100%; max-width: 1400px; margin: 0 auto 50px; padding: 0 15px; box-sizing: border-box; }
.ld-customize-frame { display: block; width: 100%; height: calc(100vh - 120px); min-height: 900px; border: 1px solid #ccc2d3; background: #fff; }
.ld-customize-frame.is-autosized { min-height: 0; }
.ld-customize-fallback { text-align: center; padding: 30px; }
.ld-customize-landing { padding-bottom: 40px; }

/* ---------- Menu : bouton "Customize Your Trip" (classe a mettre sur l'element de menu) ---------- */
.t3-mainnav .nav > li > a.menu-customize,
.t3-mainnav .nav > li.menu-customize > a,
.t3-mainnav .nav > li.menu-customize > span {
    background: #00d8ae; color: #401f85 !important; border-radius: 22px;
    padding: 8px 16px !important; margin-top: 4px; font-weight: 700;
}
.t3-mainnav .nav > li > a.menu-customize:hover,
.t3-mainnav .nav > li.menu-customize > a:hover,
.t3-mainnav .nav > li.menu-customize > a:focus { background: #00c29c; }