/* ==========================================================================
   MEETR, Resort Partnerships ( /resort-partnerships/ )
   In-place restyle of the Elementor page, scoped to body.meetr-partners so it
   cannot leak. Keeps the Elementor form and content intact. Brand typography is
   already applied site-wide by meetr-chrome.css.
   ========================================================================== */

/* Buttons ( REQUEST INFO, Send ) ------------------------------------------ */
body.meetr-partners .elementor-button {
	background: var(--meetr-alpine) !important;
	border-color: var(--meetr-alpine) !important;
	color: #fff !important;
	border-radius: var(--meetr-radius) !important;
	font-family: var(--meetr-font-body) !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	transition: background 0.18s var(--meetr-ease), transform 0.18s var(--meetr-ease);
}
body.meetr-partners .elementor-button:hover {
	background: var(--meetr-summit) !important;
	border-color: var(--meetr-summit) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

/* Icon-box cards ---------------------------------------------------------- */
body.meetr-partners .elementor-icon-box-wrapper {
	background: var(--meetr-surface);
	border: 1px solid var(--meetr-border);
	border-radius: var(--meetr-radius-lg);
	box-shadow: var(--meetr-shadow);
	padding: var(--meetr-space-m);
	height: 100%;
	transition: transform 0.2s var(--meetr-ease), border-color 0.2s var(--meetr-ease);
}
body.meetr-partners .elementor-icon-box-wrapper:hover {
	transform: translateY(-3px);
	border-color: var(--meetr-glacier);
}
body.meetr-partners .elementor-icon-box-icon .elementor-icon,
body.meetr-partners .elementor-icon-box-icon i,
body.meetr-partners .elementor-icon-box-icon svg {
	color: var(--meetr-alpine) !important;
	fill: var(--meetr-alpine) !important;
	border-color: var(--meetr-alpine) !important;
}
body.meetr-partners .elementor-icon-box-title,
body.meetr-partners .elementor-icon-box-title a { color: var(--meetr-summit) !important; }

/* Form fields ------------------------------------------------------------- */
body.meetr-partners .elementor-field-textual,
body.meetr-partners .elementor-field-group input,
body.meetr-partners .elementor-field-group textarea {
	border: 1px solid var(--meetr-border) !important;
	border-radius: var(--meetr-radius) !important;
	font-family: var(--meetr-font-body) !important;
	color: var(--meetr-summit) !important;
	background: var(--meetr-surface) !important;
	box-shadow: none !important;
}
body.meetr-partners .elementor-field-textual:focus,
body.meetr-partners .elementor-field-group input:focus,
body.meetr-partners .elementor-field-group textarea:focus {
	outline: 2px solid var(--meetr-alpine) !important;
	outline-offset: 1px;
	border-color: var(--meetr-alpine) !important;
}

/* Headings and links ------------------------------------------------------ */
body.meetr-partners .elementor-heading-title { color: var(--meetr-summit); letter-spacing: -0.01em; }
body.meetr-partners a:not(.elementor-button) { color: var(--meetr-alpine); }
body.meetr-partners a:not(.elementor-button):hover { color: var(--meetr-summit); }

/* ---- Editorial polish outside the form ---------------------------------- */
body.meetr-partners h2.elementor-heading-title {
	font-size: clamp(28px, 4vw, 40px) !important;
	line-height: 1.14 !important;
	letter-spacing: -0.01em;
	margin-bottom: 0.45em !important;
	color: var(--meetr-summit) !important;
}
body.meetr-partners h2.elementor-heading-title::before {
	content: "";
	display: block;
	width: 52px;
	height: 3px;
	background: var(--meetr-gradient);
	margin: 0 auto 1.1rem;
	border-radius: 2px;
}
body.meetr-partners h3 { color: var(--meetr-summit) !important; letter-spacing: -0.005em; }
body.meetr-partners .elementor-widget-text-editor { color: var(--meetr-stone); }
body.meetr-partners .elementor-widget-text-editor p { line-height: 1.7; }

/* ==========================================================================
   Deeper editorial pass ( UAE / Elementor widget types used on this page )
   Widgets: ucaddon_title_hero, ucaddon_card_carousel, ucaddon_uc_diamond_bullets,
   ucaddon_expanding_content_cards. Forms untouched throughout.
   ========================================================================== */

/* ---- Hero ( ue_title_hero ) ---------------------------------------------- */
body.meetr-partners .ue_title_hero_overlay {
	background: linear-gradient(180deg, rgba(12,26,36,0.55) 0%, rgba(12,26,36,0.4) 45%, rgba(12,26,36,0.78) 100%) !important;
}
body.meetr-partners .ue_title,
.elementor-27334 .elementor-element.elementor-element-fcb6f59.elementor-element-fcb6f59 .ue_title {
	font-family: var(--meetr-font-display) !important;
	color: #fff !important;
	text-shadow: 0 2px 24px rgba(12, 26, 36, 0.55);
}
body.meetr-partners .ue_title::before {
	content: "For Resorts and Ski Schools";
	display: block;
	font-family: var(--meetr-font-mono);
	font-size: 13px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--meetr-glacier);
	margin-bottom: 0.7em;
}
body.meetr-partners .ue_text { color: rgba(255,255,255,0.92) !important; }
body.meetr-partners .ue_btn.uc_btn {
	background: var(--meetr-alpine) !important;
	border-color: var(--meetr-alpine) !important;
	color: #fff !important;
	border-radius: var(--meetr-radius) !important;
	font-family: var(--meetr-font-body) !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em;
}
body.meetr-partners .ue_btn.uc_btn:hover { background: var(--meetr-summit) !important; }

/* ---- Card carousel ( How MEETR Works, Why Top Resorts Partner ) --------- */
body.meetr-partners .uc_classic_carousel_container_holder .ue-carousel-item {
	background-color: var(--meetr-surface) !important;
	background-image: none !important;
	border-radius: var(--meetr-radius-lg) !important;
	border: 1px solid var(--meetr-border) !important;
	box-shadow: var(--meetr-shadow) !important;
	padding: var(--meetr-space-m);
	height: 100%;
	transition: transform 0.2s var(--meetr-ease), border-color 0.2s var(--meetr-ease);
}
body.meetr-partners .uc_classic_carousel_container_holder .ue-carousel-item:hover {
	transform: translateY(-3px);
	border-color: var(--meetr-glacier) !important;
}
body.meetr-partners .uc_classic_carousel_border { border-color: transparent !important; }
body.meetr-partners .uc_classic_carousel_placeholder i,
body.meetr-partners .uc_classic_carousel_placeholder svg,
body.meetr-partners .uc_classic_carousel_placeholder .elementor-icon { color: var(--meetr-alpine) !important; fill: var(--meetr-alpine) !important; }
body.meetr-partners .uc_classic_carousel_content h1,
body.meetr-partners .uc_classic_carousel_content h2,
body.meetr-partners .uc_classic_carousel_content h3,
body.meetr-partners .uc_classic_carousel_content h4,
body.meetr-partners .uc_classic_carousel_content h5 {
	font-family: var(--meetr-font-display) !important;
	color: var(--meetr-summit) !important;
}
body.meetr-partners .uc_classic_carousel_content p { color: var(--meetr-stone) !important; }
body.meetr-partners .owl-dots .owl-dot.active span { background: var(--meetr-alpine) !important; }
body.meetr-partners .owl-dots .owl-dot span { background: var(--meetr-border) !important; }
body.meetr-partners .owl-nav [class*="owl-"] { color: var(--meetr-alpine) !important; }

/* ---- Diamond bullets ( Marketing Opportunities, Advertising sections ) ---
   Each icon badge is actually two layered elements: an SVG that draws a black
   diamond shape ( ue-shape-icon, decorative, part of the widget's name ), and a
   separate Font Awesome glyph ( ue_icon_output_wrapper > i ) for the meaningful
   icon ( graduation cap, camera, etc ), rendered black by default. That black
   diamond sitting behind a black icon is the "overlapping icon" look. Hide the
   diamond, keep the badge circle ( already alpine ), and color the real icon
   glyph white so it reads as a clean white icon on the blue circle, matching
   the rest of the site's icon-box treatment. */
body.meetr-partners .ue_item_icon_holder .ue_item_icon {
	background: var(--meetr-alpine) !important;
	border-color: var(--meetr-alpine) !important;
	color: #fff !important;
	border-radius: 50% !important;
	position: relative;
}
body.meetr-partners .ue_item_icon .ue-shape-icon { display: none !important; }
body.meetr-partners .ue_item_icon .ue_icon_output_wrapper {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
body.meetr-partners .ue_item_icon .ue_icon_output_wrapper i {
	color: #fff !important;
	font-size: 26px !important;
}
body.meetr-partners .ue_item_icon_line { background: var(--meetr-border) !important; }
body.meetr-partners .ue_item_title {
	font-family: var(--meetr-font-display) !important;
	color: var(--meetr-summit) !important;
	font-size: 22px !important;
	margin-bottom: 0.4em !important;
}
body.meetr-partners .ue_item_text,
body.meetr-partners .ue_item_text * {
	font-family: var(--meetr-font-body) !important;
	color: var(--meetr-stone) !important;
	font-size: 17px !important;
	line-height: 1.7 !important;
}
body.meetr-partners .ue_item_text strong,
body.meetr-partners .ue_item_text b { color: var(--meetr-summit) !important; }