/**
 * AKZ — responsive (mobilais) režīms.
 * Desktopā (>900px) saglabā oriģinālo 940px izkārtojumu; zemāk pielāgo.
 */

/* ---------- Planšete / mazāks desktops ---------- */
@media (max-width: 900px) {
  .header-inner { padding: 0 12px; }

  /* Sānjosla zem satura, pilnā platumā. */
  #right-side {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .right-side-left { overflow: visible; }
}

/* ---------- Mobilais: hamburger izvēlne ---------- */
@media (max-width: 768px) {
  .header-inner {
    position: relative;
    padding: 6px 12px;
  }

  .menu-toggle {
    display: block;
    margin-left: auto;
    width: 46px;
    height: 40px;
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
  }
  .menu-toggle__bar,
  .menu-toggle__bar::before,
  .menu-toggle__bar::after {
    content: "";
    position: absolute;
    left: 10px;
    width: 24px;
    height: 3px;
    background: #fff;
    transition: transform .2s ease;
  }
  .menu-toggle__bar { top: 50%; transform: translateY(-50%); }
  .menu-toggle__bar::before { top: -7px; }
  .menu-toggle__bar::after { top: 7px; }

  /* LV/ENG kā statiska augšējā josla (nevis absolūta) — nepārklāj hamburger. */
  #top-bar {
    position: static;
    background: #6d8836;
    padding: 5px 12px;
    display: flex;
    justify-content: flex-end;
  }

  /* Mazāks logo joslā. */
  #logo img { height: 54px; }

  /* Izvēlne paslēpta, līdz atver. */
  #header-nav {
    flex-basis: 100%;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  body.nav-open #header-nav {
    display: flex;
    /* Vienmērīgs fons — lai 1. punkts nav gaišajā header gradientā. */
    background: #7d9144;
    margin: 0 -12px; /* aizpilda joslas malas */
    padding: 0 12px;
  }

  /* Atverot izvēlni — paslēpj logo un augšas slaidrādi (lai netraucē). */
  body.nav-open #logo { display: none; }
  body.nav-open #slideshow { display: none; }

  #header-nav ul.menu { flex-direction: column; gap: 0; }
  #header-nav ul.menu li a { line-height: 2.6; border-top: 1px solid rgba(255, 255, 255, 0.18); }

  /* Apakšizvēlnes vienkārši izvērstas (bez hover) */
  #header-nav ul.menu ul.menu {
    display: flex;
    position: static;
    box-shadow: none;
    min-width: 0;
    background: rgba(0, 0, 0, 0.12);
  }
  #header-nav ul.menu li li a { padding-left: 30px; }

  #header-nav .block-language { padding: 8px 15px; }
  #header-nav .block-language ul { justify-content: flex-start; }

  /* Kontaktu kartītes pilnā platumā. */
  .view-contacts .views-row { width: 100%; float: none; margin-right: 0; }

  /* Izkārtojuma tabulas (produktu lapas) — kolonnas viena zem otras, lai
     attēli būtu pilnā platumā, nevis sašaurināti. */
  .right-side-left table:not([border="1"]),
  .right-side-left table:not([border="1"]) tbody,
  .right-side-left table:not([border="1"]) tr,
  .right-side-left table:not([border="1"]) > tbody > tr > td {
    display: block;
    width: 100% !important;
  }
  .right-side-left table:not([border="1"]) > tbody > tr > td { padding: 0; }

  /* Slaidrādes pogas mazākas, augstums brīvs. */
  #slideshow .view-slideshow,
  #slideshow .views-element-container { min-height: 0; }
  #slideshow .views-row { position: relative; }
  #slideshow .views-row img { max-height: none; width: 100%; }
  #slideshow .button { height: auto; align-self: stretch; background-size: contain; }
}

/* ---------- Telefons ---------- */
@media (max-width: 480px) {
  #content h1.title { font-size: 22px; }
  #content { padding: 0 10px 30px; }

  #footer-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 0;
  }
  #logo img { max-height: 46px; }
}