/* ==========================================================================
   AJUSTĂRI DOAR PENTRU shop.drsoil.de
   Structura și stilurile vin neschimbate de pe drsoil.shop. Aici stau numai
   corecturile cerute de faptul că textele germane (care rămân literă cu literă)
   sunt mai lungi decât cele românești pentru care a fost desenat șablonul.
   ========================================================================== */

/* Subsol, meniul vertical: „Allgemeine Geschäftsbedingungen (AGB)” se rupe pe două
   rânduri (pe RO nicio intrare nu se rupe). Rândurile rupte rămâneau aliniate la
   stânga într-un meniu centrat. */
.elementor-location-footer .elementor-nav-menu--layout-vertical a.elementor-item{
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.25;
}

/* Antet, căutarea: textul german din câmp e mai lung decât câmpul; se încheie cu „…”
   în loc să fie tăiat prin mijlocul unui cuvânt. */
.elementor-location-header .elementor-widget-search input[type="search"]{
  text-overflow:ellipsis;
}
.elementor-location-header .elementor-widget-search input[type="search"]::placeholder{
  text-overflow:ellipsis;
}

/* ==========================================================================
   RESPONSIVE — corecturi față de șabloanele de pe drsoil.shop
   Măsurat pe shop.drsoil.de la 390, 768 și 1024 px: trei locuri ieșeau din
   ecran pe orizontală (aceleași defecte există și pe drsoil.shop).
   ========================================================================== */

/* 1. Arhiva de categorie pe telefon: grila rămânea pe 5 coloane și pagina se
      lățea la ~700px. Două coloane, ca grilele de pe prima pagină. */
@media (max-width:767px){
  .elementor-widget-wc-archive-products ul.products{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .elementor-widget-wc-archive-products ul.products li.product{
    width:auto !important;
    min-width:0;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* 2. Antetul pe tabletă: coloana coșului are 20% (≈150px la 768), iar butonul de
      coș + pictograma de cont cer ≈230px — pictograma urca peste coș și rândul
      ieșea din ecran. Coloanele își iau lățimea după conținut. */
@media (min-width:768px) and (max-width:1024px){
  .elementor-location-header .elementor-element-98ccefb{ width:auto; flex:1 1 0; min-width:0; }
  .elementor-location-header .elementor-element-5ac4b54{ width:auto; flex:0 1 240px; min-width:120px; }
  .elementor-location-header .elementor-element-bc0b7fe{ width:auto; flex:0 0 auto; flex-wrap:nowrap; gap:10px; padding-left:10px; padding-right:10px; }
}

/* 3. Pagina de produs pe tabletă: coloana din dreapta (preț, buton, PayPal,
      garanție) nu încape lângă galerie; se așază sub ea, ca pe telefon. */
@media (min-width:768px) and (max-width:1024px){
  .elementor-location-single .elementor-element-b92cea5 > .e-con-inner{ flex-wrap:wrap; }
  .elementor-location-single .elementor-element-b92cea5 .elementor-element-5aeca9c,
  .elementor-location-single .elementor-element-b92cea5 .elementor-element-d8486b6{ width:100%; }
  .elementor-location-single .elementor-element-d7520d0{ display:none; }   /* distanțierul de 131px nu mai are rost sub galerie */
}