/*
Theme Name: lord-of-the-lakes-signature-draft
Text Domain: lord-of-the-lakes-signature-draft
Description: Draft-only luxury black, gold, teal Canadian Rockies tour website inspired by the approved mockup. Live site remains unchanged.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/


/* Keep desktop cards compact after all scripts load; mobile unchanged. */
@media screen and (min-width:768px){
 html body.elementor-page-470 #tours#tours .rp-catalogue-grid.rp-catalogue-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:20px!important;align-items:start!important;width:100%!important;max-width:100%!important}
 html body.elementor-page-470 #tours#tours .rp-catalogue-grid.rp-catalogue-grid>.rp-product-card.rp-product-card{grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;align-self:start!important}
 html body.elementor-page-470 #tours#tours .rp-catalogue-grid.rp-catalogue-grid>.rp-product-card.rp-product-card .lotl-card-photo{height:225px!important;min-height:225px!important;max-height:225px!important;width:100%!important;overflow:hidden!important}
 html body.elementor-page-470 #tours#tours .rp-catalogue-grid.rp-catalogue-grid>.rp-product-card.rp-product-card .lotl-card-photo img{width:100%!important;height:225px!important;min-height:225px!important;max-height:225px!important;object-fit:cover!important}
}
/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* LOTL mobile tour-card legibility and consistent image sizing.
   Preview draft only; no changes to the public theme. */
@media (min-width: 768px) { .lotl-mobile-home { display: none !important; } }
@media (max-width: 767px) {
 body.elementor-page-470 .lotl-mobile-home {
   display: inline-flex !important; align-items: center; justify-content: center;
   padding: 9px 12px; min-height: 40px; border: 1px solid #a78943;
   border-radius: 8px; color: #173f37 !important; background: #fffaf0;
   font: 700 14px/1.2 Arial,sans-serif; text-decoration: none !important;
 }
 body.elementor-page-470 #tours > .e-con-inner { width: 100% !important; max-width: none !important; padding-inline: 12px !important; }
 body.elementor-page-470 #tours .rp-catalogue-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
 body.elementor-page-470 #tours .rp-catalogue-grid > .rp-product-card { width: 100% !important; max-width: none !important; }
 body.elementor-page-470 #tours .rp-product-card .lotl-card-photo.elementor-widget-image img,
 body.elementor-page-470 #tours .rp-product-card .elementor-widget-image img { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; }

 body.elementor-page-470[data-lotl-refine=lux2] #tours .rp-catalogue-grid,
 body.elementor-page-470 #tours .rp-catalogue-grid,
 body.elementor-page-470 #tours .rp-catalogue-grid.e-con,
 body.elementor-page-470 #tours .rp-catalogue-grid > .e-con-inner {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   gap: 10px !important;
   width: 100% !important;
 }
 body.elementor-page-470 #tours .rp-catalogue-grid > .rp-product-card {
   grid-column: auto !important;
   width: 100% !important;
   max-width: 100% !important;
   min-width: 0 !important;
   margin: 0 auto !important;
   height: auto !important;
   align-self: stretch !important;
 }
 body.elementor-page-470 #tours .rp-product-card .lotl-card-photo,
 body.elementor-page-470 #tours .rp-product-card .lotl-card-photo img {
   width: 100% !important;
   height: clamp(150px, 42vw, 230px) !important;
   min-height: 150px !important;
   object-fit: cover !important;
 }
 /* The Magnificent 7 montage uses a different image wrapper. */
 body.elementor-page-470 #tours .rp-product-card img,
 body.elementor-page-470 #tours .rp-product-card .elementor-widget-image,
 body.elementor-page-470 #tours .rp-product-card .elementor-widget-image .elementor-widget-container,
 body.elementor-page-470 #tours .rp-product-card .elementor-widget-image a {
   width: 100% !important;
   max-width: 100% !important;
 }
 body.elementor-page-470 #tours .rp-product-card .elementor-widget-image img {
   display: block !important;
   width: 100% !important;
   max-width: none !important;
   height: auto !important;
   min-height: 150px !important;
   object-fit: cover !important;
   margin-inline: auto !important;
 }
 body.elementor-page-470 #tours .rp-catalogue-grid > .rp-product-card {
   display: flex !important; flex-direction: column !important;
   padding: 10px !important; gap: 10px !important;
   justify-content: flex-start !important;
 }
 body.elementor-page-470 #tours .rp-product-card .elementor-widget-image,
 body.elementor-page-470 #tours .rp-product-card .lotl-card-photo {
   width: 100% !important; max-width: none !important;
   align-self: stretch !important; margin: 0 !important;
 }
 body.elementor-page-470 #tours .rp-product-card .elementor-widget-image img {
   width: 100% !important; max-width: none !important;
   height: clamp(150px,42vw,230px) !important;
   object-fit: cover !important;
 }
 body.elementor-page-470 #tours .rp-product-card .lotl-card-title .elementor-heading-title {
   font-size: clamp(20px, 5vw, 27px) !important;
   line-height: 1.18 !important;
 }
 body.elementor-page-470 #tours .rp-product-card .elementor-tab-content,
 body.elementor-page-470 #tours .rp-product-card .elementor-accordion-content {
   font-size: 16px !important;
   line-height: 1.65 !important;
   overflow-wrap: anywhere !important;
 }
 body.elementor-page-470 #tours .rp-product-card details[open],
 body.elementor-page-470 #tours .rp-product-card .elementor-tab-content {
   max-height: none !important;
   overflow: visible !important;
 }
}