/*
 Theme Name:   Climaco
 Theme URI:    https://joolo.se 
 Description:  Barn-/childtema med tydlig struktur och laddning av child style.css sist.
 Author:       Joolo
 Author URI:   https://joolo.se
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  joolo-webbdesign
 Tags:         child-theme, clean, starter
*/






h1.entry-title, h1, h2, h3, h4 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.4em
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 25px;
}

h4 {
  font-size: 19px;
}

@media (max-width: 768px) {
  h1 { font-size: 30px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; }
  h4 { font-size: 18px; }
}

/* Bild galleri */

@media only screen and (min-width: 768px) {
.et_pb_gallery_grid .et_pb_gallery_image {
padding-top: 56.25%; /* Change this value to be whatever aspect ratio you want, for example if you wanted portrait - try 180% | or square would be 100% */
display: block;
}
.et_pb_gallery_grid .et_pb_gallery_item img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
}


.heat-pump-category-logos{
  display:flex;
  gap:10px;
  align-items:center;
}
.heat-pump-category-logo{
  width:120px;
  height:auto;
  display:block;
}

/* Dropdown språkmenyn: höjdjustering samt padding på högerkanten */
#et-secondary-nav li li {
	padding: 0em;
	padding-right:12px;
	}
/* Bredda/minska dropdown språkmenyn */
#et-secondary-nav li>ul {
    width: 146px;
}
/* Dropdown språkmenyn: Vänsterjustering */
#et-secondary-nav li {
	position: relative;
    text-align: left;
}
/* Ta bort bildnamnen från gallerierna */
.mfp-title {
	display: none;
}

/* Plopparna i bildgalleriet */
.et-pb-controllers a {
background-color: rgba(137, 137, 137, 0.5);
}


/* layout */

.brand-toggle .et_pb_toggle_title{
  display:flex;
  align-items:center;
  gap:10px;
}
.brand-toggle .et_pb_toggle_title img.brand-logo{
  width:30px;
  height:30px;
  object-fit:contain;
  flex:0 0 auto;
}



/* Bara där .climaco-flex finns, ex arkiv för produktkategorier */
.climaco-flex .grid-col,
.climaco-flex .grid-item-cont,
.climaco-flex .bc-link-whole-grid-card,
.climaco-flex .bc-link-whole-grid-card .et_pb_section {
  height: 100%;
}

.climaco-flex .bc-link-whole-grid-card .et_pb_section {
  display: flex;
  flex-direction: column;
}

/* Bildyta med samma proportion */
.climaco-flex .et_pb_de_mach_thumbnail .et_pb_module_inner {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

/* Bilden fyller ytan */
.climaco-flex .et_pb_de_mach_thumbnail img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* byt till cover om du vill */
}

/* Jämn spacing */
.climaco-flex .et_pb_row {
  margin-bottom: 10px;
}

.climaco-flex .et_pb_text,
.climaco-flex .et_pb_de_mach_title,
.climaco-flex .et_pb_de_mach_content,
.climaco-flex .et_pb_de_mach_acf_item {
  margin-bottom: 10px;
}

/* Knappen längst ner */
.climaco-flex .bc-link-whole-grid-card .et_pb_row:last-child {
  margin-top: auto;
}

.climaco-flex .et_pb_button_module_wrapper {
  margin-top: 10px;
}



/* Visa modeller i tabellform mall B */

.climaco-table .dmach-acf-item-content .dmach-acf-value{
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 0 12px;
  align-items: start;
  margin: 0;
}

.climaco-table .dmach-acf-label{
  grid-column: 1;
  font-weight: 600;
  margin: 0;
}

/*.climaco-table .dmach-acf-value > ul,
.climaco-table .dmach-acf-value > p,
.climaco-table .dmach-acf-value > div,
.climaco-table .dmach-acf-value > span:not(.dmach-acf-label){
  grid-column: 2;
  margin: 0; 
}*/

.climaco-table .dmach-acf-value > ul{
  padding-left: 18px;
}

.climaco-table .dmach-seperator{
  display: none;
}
.climaco-table .dmach-acf-value li{
  list-style: none;
}

.climaco-table .dmach-acf-value ul{
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* Visa innehåll i toggle i 2 kolumner */
.brand-toggle.et_pb_toggle_open .et_pb_toggle_content{
    column-count: 2;
    column-gap: 30px;
}

.external-store-links{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px 16px;
}

/* håll varje logga inom sin ruta */
.external-store-link{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* skala bilden inom behållaren */
.external-store-link img{
  max-width:100%;
  height:auto;
  max-height:40px;   /* justera efter smak, t.ex. 32–48px */
  width:auto;
  object-fit:contain;
}

/* Gör alla knappar till flex så text och ikon separeras */
.yt-video-btn .et_pb_button, .climaco-button .et_pb_button, a.et_pb_button.climaco-button, 
a.et_pb_button.yt-video-btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    padding-right:40px;
}

/* Placera ikonen till höger och centrera vertikalt */
.yt-video-btn .et_pb_button:after, .climaco-button .et_pb_button:after, a.et_pb_button.climaco-button:after,
a.et_pb_button.yt-video-btn:after{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
}

/* Neo ikoner*/ 

.neo-icons {
  display: flex;
  
} 

.neo-icons > * {
  width: 52px;
  height: 52px;
}

.neo-icons > * + * {
  margin-left: -8px; /* överlapp 2px */
}

@media (max-width: 767px){
	
.neo-icons > * {
  width: 40px;
  height: 40px;
}
  }


.new-icon{
    margin-top:8px;
}


/* Produkt ikoner */

.icons .et_pb_text_inner{
  display:flex;
  justify-content: flex-end;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.icons .et_pb_text_inner > p:empty{
  display:none;
}

.icons .et_pb_text_inner > p{
  margin:0;
}

.climaco-product-badge{
  display:flex;
  align-items:center;
  height:52px; /* samma som ikonerna */
  font-weight:700;
  font-size:18px;
  line-height:1;
  white-space:nowrap;
	
}

.badge-color-red{
  color:#d83b3b;
}

.badge-color-green{
  color:#63a844;
}

.badge-color-yellow{
  color:#b99600;
}

.badge-color-blue{
  color:#4e7fc1;
}

/* USP i produktkategorier */

.product-cat-usp-image{
  display:block;
  max-width:100%;
  height:auto;
	margin:0 auto;
}

.hide-toggle-if-empty, .hide-usp-if-empty {
    display:none;
}


/* Gör ACF-bilden klickbar */
.acf-image-modal img {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.acf-image-modal img:hover {
  opacity: 0.9;
}

/* Modal */
.climaco-image-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  inset: 0;
  background: rgba(0,0,0,0.88);
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.climaco-image-modal.is-open {
  display: flex;
}

.climaco-image-modal img {
  max-width: 95vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  display: block;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  border-radius: 4px;
}

.climaco-image-modal-close{
  position:absolute;
  top:40px;
  right:40px;
  font-size:42px;
  color:#ffffff;
  cursor:pointer;
  background:transparent;
  border:none;
  line-height:1;
  z-index:100000;
  transition:opacity .2s;
}

.climaco-image-modal-close:hover{
  opacity:0.7;
}


/********************/
/* VARIANT HANTERING */
/********************/

/* Inline image i TDS  */

/* Desktop */
.inline-image {
  display: inline-block !important;
  width: calc(50% - 10px) !important;
  vertical-align: top;
  margin-bottom: 0 !important;
}

.inline-image + .inline-image {
  margin-left: 20px !important;
}

.inline-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Tablet & mobil – stapla */
@media (max-width: 980px) {
  .inline-image {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}



/* Passar vanliga värmepumpar – ta bort extra toppmarginal när kolumner staplas */

@media (max-width: 980px) {
  .product-variant-primary .climaco-stacking > .et_pb_column {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 12px 0 !important;
  }

  .product-variant-primary .climaco-stacking > .et_pb_column:last-child {
    margin-bottom: 0 !important;
  }
	
	.product-variant-primary .climaco-stacking > .et_pb_column + .et_pb_column > *:first-child {
    margin-top: 12px !important;
		padding-top: 12px !important;
  }
}

/* Extra säkerhet på mobil */
@media (max-width: 767px) {
  .product-variant-primary .climaco-stacking,
  .product-variant-primary .climaco-stacking.et_pb_row_inner {
    display: block !important;
    width: 100% !important;
  }

  .product-variant-primary .climaco-stacking > .et_pb_column {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
  }

}

/*VARIANTER*/

/* =========================================
   VARIANT LOGIK (SKÄRM)
========================================= */

/* Dölj alla varianter */
.variant-primary,
.variant-ps,
.variant-tds {
  display: none !important;
}

/* Visa rätt variant */
body.product-variant-primary .variant-primary {
  display: block !important;
}

body.product-variant-ps .variant-ps {
  display: block !important;
}

body.product-variant-tds .variant-tds {
  display: block !important;

}

/* Dölj header + footer endast för TDS + PS */
body.product-variant-tds header, body.product-variant-ps header,
body.product-variant-tds footer, body.product-variant-ps footer {
  display: none !important;
}


/* =========================================
   PRINT – VISA ENDAST AKTIV VARIANT
========================================= */

/* =========================================
   PRINT – GEMENSAMT FÖR TDS + PS
========================================= */

@media print {

  @page {
    size: A4;
    margin: 10mm;
  }

  .print-instructions,
  .no-print,
  .et-l--header,
  .et-l--footer,
  header,
  footer {
    display: none !important;
  }

  /* Dölj alla varianter som standard */
  .variant-primary,
  .variant-ps,
  .variant-tds {
    display: none !important;
  }

  /* Visa aktiv variant */
  body.product-variant-tds .variant-tds,
  body.product-variant-ps .variant-ps {
    display: block !important;
  }

  /* Grundtypografi */
  body.product-variant-tds,
  body.product-variant-ps,
  body.product-variant-tds p,
  body.product-variant-ps p,
  body.product-variant-tds ul,
  body.product-variant-ps ul,
  body.product-variant-tds li,
  body.product-variant-ps li,
  body.product-variant-tds .dmach-acf-value,
  body.product-variant-ps .dmach-acf-value {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body.product-variant-tds h1,
  body.product-variant-ps h1 {
    font-size: 20px !important;
    font-weight: bold !important;
  }

  body.product-variant-tds h2,
  body.product-variant-ps h2 {
    font-size: 18px !important;
    font-weight: bold !important;
  }

  body.product-variant-tds h3,
  body.product-variant-ps h3 {
    font-size: 16px !important;
    font-weight: bold !important;
  }

  body.product-variant-tds h4,
  body.product-variant-ps h4 {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
  }

  body.product-variant-tds p,
  body.product-variant-ps p,
  body.product-variant-tds .dmach-acf-value,
  body.product-variant-ps .dmach-acf-value {
    margin: 0 0 3px 0 !important;
  }

  body.product-variant-tds ul,
  body.product-variant-ps ul {
    margin: 0 0 4px 0 !important;
    padding-left: 12px !important;
  }

  body.product-variant-tds li,
  body.product-variant-ps li {
    margin: 0 0 2px 0 !important;
  }

  /* Divi reset print */
  body.product-variant-tds .et_pb_section,
  body.product-variant-ps .et_pb_section {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.product-variant-tds .et_pb_row,
  body.product-variant-ps .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 6mm !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.product-variant-tds .et_pb_column,
  body.product-variant-ps .et_pb_column {
    float: none !important;
    margin-right: 0 !important;
  }

  body.product-variant-tds img,
  body.product-variant-ps img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Undvik fula brytningar */
  body.product-variant-tds .et_pb_module,
  body.product-variant-ps .et_pb_module,
  body.product-variant-tds .no-break,
  body.product-variant-ps .no-break {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body.product-variant-tds .page-break,
  body.product-variant-ps .page-break {
    break-before: page !important;
    page-break-before: always !important;
  }

  body.product-variant-tds .page-break:last-child,
  body.product-variant-ps .page-break:last-child {
    display: none !important;
  }

  /* Inline-bilder bredvid varandra */
  body.product-variant-tds .inline-image,
  body.product-variant-ps .inline-image {
    display: inline-block !important;
    width: calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    vertical-align: top !important;
    margin-bottom: 0 !important;
  }

  body.product-variant-tds .inline-image + .inline-image,
  body.product-variant-ps .inline-image + .inline-image {
    margin-left: 20px !important;
  }

  body.product-variant-tds .inline-image img,
  body.product-variant-ps .inline-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Ta bort sista onödiga marginaler */
  body.product-variant-tds .variant-tds,
  body.product-variant-ps .variant-ps {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.product-variant-tds .variant-tds .et_pb_row:last-child,
  body.product-variant-ps .variant-ps .et_pb_row:last-child,
  body.product-variant-tds .variant-tds .et_pb_module:last-child,
  body.product-variant-ps .variant-ps .et_pb_module:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* =========================================
   PRINT – TDS-SPECIFIK LAYOUT
========================================= */

@media print {

  /* TDS topprad: logga / titel / TDS */
  body.product-variant-tds .tds-top-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body.product-variant-tds .tds-top-row .et_pb_column {
    display: block !important;
  }

  body.product-variant-tds .tds-top-row .et_pb_column_1_4:first-child {
    width: 25% !important;
  }

  body.product-variant-tds .tds-top-row .et_pb_column_1_2 {
    width: 50% !important;
  }

  body.product-variant-tds .tds-top-row .et_pb_column_1_4.et-last-child,
  body.product-variant-tds .tds-top-row .et_pb_column:last-child {
    width: 25% !important;
  }

  /* TDS metadata: vänster / höger */
  body.product-variant-tds .tds-meta-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10mm !important;
  }

  body.product-variant-tds .tds-meta-row .et_pb_column {
    display: block !important;
  }

  body.product-variant-tds .tds-meta-row .et_pb_column_1_4:first-child {
    width: calc(25% - 5mm) !important;
  }

  body.product-variant-tds .tds-meta-row .et_pb_column_3_4,
  body.product-variant-tds .tds-meta-row .et_pb_column:last-child {
    width: calc(75% - 5mm) !important;
  }

  /* TDS vänsterkolumn tightare */
  body.product-variant-tds .tds-column-1 .et_pb_module {
    margin-bottom: 3px !important;
  }

  body.product-variant-tds .tds-column-1 p,
  body.product-variant-tds .tds-column-1 .dmach-acf-value,
  body.product-variant-tds .tds-column-1 li {
    font-size: 10px !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
  }

  body.product-variant-tds .tds-column-1 h4 {
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: bold !important;
    margin: 0 0 4px 0 !important;
  }

  /* TDS textblock */
  body.product-variant-tds .tds-text-row {
    display: block !important;
  }

  body.product-variant-tds .tds-text-row .et_pb_column {
    width: 100% !important;
    display: block !important;
  }

  /* TDS footer */
  body.product-variant-tds .tds-footer-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    break-after: avoid !important;
    page-break-after: avoid !important;
  }

  body.product-variant-tds .tds-footer-row .et_pb_column {
    display: block !important;
  }

  body.product-variant-tds .tds-footer-row .et_pb_column_1_4:first-child {
    width: 25% !important;
  }

  body.product-variant-tds .tds-footer-row .et_pb_column_1_2,
  body.product-variant-tds .tds-footer-row .et_pb_column:nth-child(2) {
    width: 50% !important;
  }

  body.product-variant-tds .tds-footer-row .et_pb_column_1_4.et-last-child,
  body.product-variant-tds .tds-footer-row .et_pb_column:last-child {
    width: 25% !important;
  }

  /* Valfri spacer före footer om du behöver trycka ned den */
  body.product-variant-tds .tds-footer-spacer {
    display: block !important;
    height: 60mm !important;
  }
}


/* =========================================
   PRINT – PS-SPECIFIK LAYOUT
========================================= */

@media print {

  body.product-variant-ps .variant-ps {
    display: block !important;
    width: 100% !important;
  }

  /* PS standard: rader staplas normalt */
  body.product-variant-ps .variant-ps .et_pb_row {
    display: block !important;
  }

  body.product-variant-ps .variant-ps .et_pb_column {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* PS-rader som ska vara två kolumner i print */
  body.product-variant-ps .ps-flex-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 8mm !important;
  }

  body.product-variant-ps .ps-flex-row .et_pb_column {
    display: block !important;
    float: none !important;
  }

  body.product-variant-ps .ps-flex-row .et_pb_column:first-child {
    width: calc(40% - 4mm) !important;
  }

  body.product-variant-ps .ps-flex-row .et_pb_column:last-child {
    width: calc(60% - 4mm) !important;
  }

  /* PS-rad med stor bild + liten sidokolumn */
  body.product-variant-ps .ps-image-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 8mm !important;
  }

  body.product-variant-ps .ps-image-row .et_pb_column:first-child {
    width: calc(75% - 4mm) !important;
  }

  body.product-variant-ps .ps-image-row .et_pb_column:last-child {
    width: calc(25% - 4mm) !important;
  }

  /* PS-rader 25 / 50 / 25 om du behöver det */
  body.product-variant-ps .ps-25-50-25-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6mm !important;
  }

  body.product-variant-ps .ps-25-50-25-row .et_pb_column:first-child {
    width: calc(25% - 3mm) !important;
  }

  body.product-variant-ps .ps-25-50-25-row .et_pb_column:nth-child(2) {
    width: calc(50% - 3mm) !important;
  }

  body.product-variant-ps .ps-25-50-25-row .et_pb_column:last-child {
    width: calc(25% - 3mm) !important;
  }

  /* Dölj printknapp/modul i PS */
  body.product-variant-ps .print,
  body.product-variant-ps .print-button,
  body.product-variant-ps .et_pb_button_module_wrapper {
    display: none !important;
  }
}