/**
 * Redesign "new web" — HEADER + FOOTER skin (baloo-home.html).
 * Visual-only overlay nad Elementor šablónami Header (ID 6) a Footer (ID 44).
 * Nemení štruktúru nav-menu widgetu → mega menu ostáva netknuté.
 * Tokeny: --night #1A1208 · --sand #F5EDD8 · --terra #C4622D · --gold #D4A847
 */

/* ============================================================
   HEADER — mockup nav: night bar, sand→gold odkazy, terra CTA
   ============================================================ */
/* original brown bar -> night (in-flow, safe on every page) */
#elementor-6 > .elementor-element.e-con,
.elementor-location-header > .elementor-element.e-con,
.elementor-location-header .elementor-element-8110a7d,
.elementor-location-header > .e-con > .e-con-inner > .e-con:first-child {
    background-color: #1A1208 !important;
    background-image: none !important;
}
/* odkazy: bez uppercase, DM Sans, sand → gold */
.elementor-location-header .elementor-nav-menu a.elementor-item {
    color: rgba(245,237,216,0.82) !important;
    text-transform: none !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: .4px !important;
    font-size: 14px !important;
    fill: rgba(245,237,216,0.82) !important;
}
.elementor-location-header .elementor-nav-menu a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu .current-menu-item > a.elementor-item,
.elementor-location-header .elementor-nav-menu .current-menu-ancestor > a.elementor-item {
    color: #D4A847 !important;
}
/* Elementor underline/hover indicator in gold */
.elementor-location-header .elementor-item::after,
.elementor-location-header .elementor-item::before { background-color: #D4A847 !important; }

/* CTA button "Poradíme vám" (injected by JS as .rdh-cta) */
.rdh-cta {
    display: inline-flex; align-items: center; gap: 8px;
    background: #C4622D; color: #fff !important;
    padding: 10px 22px; border-radius: 4px;
    font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600;
    letter-spacing: .5px; text-decoration: none; white-space: nowrap;
    transition: background .2s ease, transform .2s ease;
    line-height: 1;
}
.rdh-cta:hover { background: #8B3D18; color: #fff !important; transform: translateY(-1px); }
.rdh-cta svg { width: 16px; height: 16px; }
@media (max-width: 1024px) { .rdh-cta { display: none; } } /* on mobile the hamburger/floating CTA covers it */

/* ============================================================
   FOOTER — mockup 4-stĺpcový layout (template 44, rdf-*)
   ============================================================ */
.elementor-location-footer .rdf-footer {
    background-color: #1A1208 !important;
    color: rgba(245,237,216,0.75);
    padding: 64px 0 28px !important;
}
.elementor-location-footer .rdf-footer > .e-con-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; }

/* grid */
.elementor-location-footer .rdf-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1.5fr !important;
    gap: 40px !important;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(245,237,216,0.1);
}
.elementor-location-footer .rdf-col { min-width: 0; }

/* brand: the original image logo (white wordmark baloo.png) */
.elementor-location-footer .rdf-logo { margin-bottom: 20px !important; text-align: left; }
.elementor-location-footer .rdf-logo img { width: 150px !important; height: auto !important; }
.elementor-location-footer .rdf-logo .elementor-widget-container { margin: 0 !important; }
.elementor-location-footer .rdf-about,
.elementor-location-footer .rdf-about p {
    font-size: 14px !important; line-height: 1.7 !important;
    color: rgba(245,237,216,0.7) !important; max-width: 320px; margin: 0 0 20px !important;
}
.elementor-location-footer .rdf-socials { display: flex; gap: 12px; }
.elementor-location-footer .rdf-social {
    width: 38px; height: 38px; border-radius: 50%;
    border: 1px solid rgba(245,237,216,0.2);
    display: flex; align-items: center; justify-content: center;
    color: #F5EDD8; text-decoration: none; transition: all .2s ease;
}
.elementor-location-footer .rdf-social:hover { background: #C4622D; border-color: #C4622D; }

/* column headings */
.elementor-location-footer .rdf-h4 .elementor-heading-title {
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 1.5px !important; text-transform: uppercase !important;
    color: #F5EDD8 !important; margin-bottom: 18px !important;
}

/* link columns (icon-list) */
.elementor-location-footer .rdf-links .elementor-icon-list-items { display: block; }
.elementor-location-footer .rdf-links .elementor-icon-list-item { margin-bottom: 11px !important; padding: 0 !important; }
.elementor-location-footer .rdf-links .elementor-icon-list-item:hover { background: transparent !important; }
.elementor-location-footer .rdf-links .elementor-icon-list-text {
    color: rgba(245,237,216,0.65) !important; font-size: 14px !important;
    font-family: 'DM Sans', sans-serif !important; transition: color .2s ease;
}
.elementor-location-footer .rdf-links a:hover .elementor-icon-list-text,
.elementor-location-footer .rdf-links .elementor-icon-list-item:hover .elementor-icon-list-text { color: #D4A847 !important; }
/* link columns without icons */
.elementor-location-footer .rdf-links:not(.rdf-contact) .elementor-icon-list-icon { display: none !important; }

/* contact: small icons (terra) */
.elementor-location-footer .rdf-contact .elementor-icon-list-icon { margin-right: 10px; }
.elementor-location-footer .rdf-contact .elementor-icon-list-icon,
.elementor-location-footer .rdf-contact .elementor-icon-list-icon i,
.elementor-location-footer .rdf-contact .elementor-icon-list-icon i::before,
.elementor-location-footer .rdf-contact .elementor-icon-list-icon svg {
    color: #C4622D !important; fill: #C4622D !important; font-size: 13px; width: 14px;
}
.elementor-location-footer .rdf-contact .elementor-icon-list-text { color: rgba(245,237,216,0.75) !important; }

/* bottom bar */
.elementor-location-footer .rdf-bottom {
    display: flex !important; flex-direction: row !important;
    justify-content: space-between !important; align-items: center; flex-wrap: wrap; gap: 12px;
    padding-top: 24px !important; margin-top: 0 !important;
}
.elementor-location-footer .rdf-copy { font-size: 12px; color: rgba(245,237,216,0.5); }
.elementor-location-footer .rdf-bottom { padding-right: 240px; } /* clear of the floating "Poradíme vám" button */
.elementor-location-footer .rdf-legal .elementor-icon-list-items { display: flex !important; flex-wrap: wrap; gap: 18px; }
.elementor-location-footer .rdf-legal .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; width: auto !important; }
.elementor-location-footer .rdf-legal .elementor-icon-list-icon { display: none !important; }
.elementor-location-footer .rdf-legal .elementor-icon-list-text { color: rgba(245,237,216,0.5) !important; font-size: 12px !important; }
.elementor-location-footer .rdf-legal a:hover .elementor-icon-list-text { color: #D4A847 !important; }

/* responsive */
@media (max-width: 1024px) {
    .elementor-location-footer .rdf-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
    .elementor-location-footer .rdf-col-brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .elementor-location-footer .rdf-grid { grid-template-columns: 1fr !important; }
    .elementor-location-footer .rdf-bottom { flex-direction: column !important; align-items: flex-start; }
}

/* Elementor's sticky header fixes its width in px when it sticks; after a resize or once the
   page scrollbar appears that width is stale and leaves a gap on the right (client mail
   2026-10-03, point 2). The fixed bar is always the full viewport width. */
.elementor-location-header .elementor-sticky--active {
    width: 100% !important;
    max-width: 100% !important;
}

/* Footer with the "Destinácie" column (js/redesign-header-footer.js): logo block + four link
   columns on one row on desktop, two per row on tablets; phones keep Elementor's stack. */
@media (min-width: 1025px) {
  .elementor-location-footer .rdf-cols { display: grid !important; grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr)) !important; gap: 32px !important; }
  .elementor-location-footer .rdf-cols > .e-con { width: auto !important; max-width: none !important; min-width: 0; }
}
/* Small laptops: five columns squeezed the e-mail address out of the page; the brand block takes
   the first row and the four link columns share the second. */
@media (min-width: 1025px) and (max-width: 1240px) {
  .elementor-location-footer .rdf-cols { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .elementor-location-footer .rdf-cols > .e-con:first-child { grid-column: 1 / -1; }
}
.elementor-location-footer .rdf-cols .elementor-icon-list-text { overflow-wrap: anywhere; }
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-location-footer .rdf-cols { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px !important; }
  .elementor-location-footer .rdf-cols > .e-con { width: auto !important; max-width: none !important; }
}

/* Eight menu items (with "Recenzie", 2026-10) next to the CTA: on small laptops the last item
   wrapped to a second row. Tighter link spacing between the phone menu and 1240px. */
@media (min-width: 1025px) and (max-width: 1240px) {
  .elementor-location-header .elementor-nav-menu--main a.elementor-item { padding-left: 9px !important; padding-right: 9px !important; white-space: nowrap; }
  .elementor-location-header .rdh-cta { padding: 10px 16px; }
}

/* Footer texts still declared the old Quicksand, which the redesign does not load (system-font fallback). */
.elementor-location-footer :is(p, span, a, li, h1, h2, h3, h4, h5, h6, .elementor-heading-title, .elementor-widget-text-editor, .rdf-copy) {
  font-family: 'DM Sans', sans-serif !important;
}


/* Phones: text links were 16-23 px tall tap targets. An invisible ::after 8 px past the link takes
   the taps around it without moving anything. */
@media (max-width: 767px) {
  :is(.elementor-location-footer .rdf-cols a:not(.elementor-social-icon), .rdd-rating, .rdd-dates-note a,
  .rdd-reviews-more a, .rdd-garant-link, .rd-reviews-all a, .rd-breadcrumb a, .rdr-crumbs a, .rdr-more,
  .rdl-seo-toggle) { position: relative; }
  :is(.elementor-location-footer .rdf-cols a:not(.elementor-social-icon), .rdd-rating, .rdd-dates-note a,
  .rdd-reviews-more a, .rdd-garant-link, .rd-reviews-all a, .rd-breadcrumb a, .rdr-crumbs a, .rdr-more,
  .rdl-seo-toggle)::after { content: ''; position: absolute; inset: -8px -4px; }
  /* stacked footer links sit 11-12 px apart: grow half the gap so neighbours meet in the middle */
  .elementor-location-footer .rdf-cols a:not(.elementor-social-icon)::after { inset: -5px -4px; }
}