/*
 * Eurocooling - Custom theme overrides
 * Loaded after theme.css
 */

/* =========================================================
   BRAND COLORS
   Primary: #1A4F8A (navy blue)
   Cyan:    #54C1E5 (brand cyan)
   Accent:  #F5A623 (gold/yellow)
   ========================================================= */

:root {
  --ec-primary:       #1A4F8A;
  --ec-primary-dark:  #123a68;
  --ec-primary-rgb:   26, 79, 138;
  --ec-cyan:          #54C1E5;
  --ec-accent:        #F5A623;

  /* Override Bootstrap primary */
  --bs-primary:            var(--ec-primary);
  --bs-primary-rgb:        var(--ec-primary-rgb);
  --bs-primary-text-emphasis: var(--ec-primary-dark);

  /* Links */
  --bs-link-color:         var(--ec-primary);
  --bs-link-color-rgb:     var(--ec-primary-rgb);
  --bs-link-hover-color:   var(--ec-primary-dark);
  --bs-link-hover-color-rgb: 18, 58, 104;
}

/* Buttons primary */
.btn-primary {
  --bs-btn-bg:            var(--ec-primary);
  --bs-btn-border-color:  var(--ec-primary);
  --bs-btn-hover-bg:      var(--ec-primary-dark);
  --bs-btn-hover-border-color: var(--ec-primary-dark);
  --bs-btn-active-bg:     var(--ec-primary-dark);
  --bs-btn-focus-shadow-rgb: var(--ec-primary-rgb);
}

/* =========================================================
   CONTAINER WIDTH
   Max width: 1280px (comfortable on 1366px/1440px/1920px)
   ========================================================= */

@media (min-width: 1400px) {
  .container,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 1280px;
  }
}

/* =========================================================
   SLIDER HEIGHT
   Max 2/3 viewport height on large screens.
   Image covers the area without distortion.
   ========================================================= */

@media (min-width: 992px) {
  .ps-imageslider__figure {
    max-height: 66.67vh;
    overflow: hidden;
  }

  .ps-imageslider__figure img {
    width: 100%;
    height: 66.67vh;
    max-height: 66.67vh;
    object-fit: cover;
    object-position: center center;
  }
}

/* =========================================================
   FOOTER - DIVIDER tra link interni e link esterni
   ========================================================= */

.footer-block__divider {
  list-style: none;
  padding: 0;
}

.footer-block__divider hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin: 0.5rem 0;
}

/* =========================================================
   LOGO SIZE
   Default (mobile): max-width 8rem → 11rem
   Desktop (md+):    max-width 9rem → 160px
   ========================================================= */

.header-bottom .navbar-brand .logo {
  max-width: 11rem;
  max-height: 3.5rem;
}

@media (min-width: 768px) {
  .header-bottom .navbar-brand .logo {
    max-width: 240px;
    max-height: 64px;
  }
}