/*
 * Hajvery Solar — Solar Panels landing page CSS v1.0.1
 * Live page ID: 29272
 * Loads conditionally via the child theme's functions.php.
 * Original page-level mobile table rules are intentionally preserved.
 * IMPORTANT: the Elementor HTML widget's JavaScript is NOT moved.
 * Logo: uploaded original PNG in ../images/hse-whatsapp-logo.png.
 */

/* === Responsive solar price and technology tables (original CSS) === */
.hse-mobile-tech,.hse-mobile-rate-range,.hse-types-buying{display:none}
@media (max-width:767px){
  .hse-spt-scroll{overflow-x:visible!important;-webkit-overflow-scrolling:auto!important}
  .hse-spt-table,
  .hse-types-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  .hse-spt-table th,.hse-spt-table td,
  .hse-types-table th,.hse-types-table td{
    padding:7px 6px!important;
    font-size:11.5px!important;
    line-height:1.28!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    vertical-align:top!important;
  }
  .hse-spt-table th,
  .hse-types-table th{
    font-size:11px!important;
    letter-spacing:0!important;
  }

  /* Latest Solar Panel Prices: 6 columns -> 4 compact columns */
  .hse-spt-brand-mobile th:nth-child(3),
  .hse-spt-brand-mobile td:nth-child(3),
  .hse-spt-brand-mobile th:nth-child(6),
  .hse-spt-brand-mobile td:nth-child(6){display:none!important}
  .hse-spt-brand-mobile th:nth-child(1),
  .hse-spt-brand-mobile td:nth-child(1){width:31%!important}
  .hse-spt-brand-mobile th:nth-child(2),
  .hse-spt-brand-mobile td:nth-child(2){width:25%!important}
  .hse-spt-brand-mobile th:nth-child(4),
  .hse-spt-brand-mobile td:nth-child(4){width:18%!important}
  .hse-spt-brand-mobile th:nth-child(5),
  .hse-spt-brand-mobile td:nth-child(5){width:26%!important}
  .hse-mobile-tech{
    display:block!important;
    margin-top:3px;
    color:#6b7280;
    font-size:10px;
    line-height:1.2;
  }

  /* Wattage table: Lowest + Highest -> one Rs/W Range column */
  .hse-spt-watt-mobile th:nth-child(4),
  .hse-spt-watt-mobile td:nth-child(4){display:none!important}
  .hse-spt-watt-mobile th:nth-child(1),
  .hse-spt-watt-mobile td:nth-child(1){width:22%!important}
  .hse-spt-watt-mobile th:nth-child(2),
  .hse-spt-watt-mobile td:nth-child(2){width:22%!important}
  .hse-spt-watt-mobile th:nth-child(3),
  .hse-spt-watt-mobile td:nth-child(3){width:23%!important}
  .hse-spt-watt-mobile th:nth-child(5),
  .hse-spt-watt-mobile td:nth-child(5){width:33%!important}
  .hse-spt-watt-mobile .hse-desktop-low{display:none!important}
  .hse-mobile-rate-range{display:inline!important}


  /* hse-wattage-header-cleanup */
  .hse-spt-watt-mobile th:nth-child(1),
  .hse-spt-watt-mobile th:nth-child(2),
  .hse-spt-watt-mobile th:nth-child(3){
    font-size:0!important;
    overflow:hidden!important;
    white-space:normal!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .hse-spt-watt-mobile th:nth-child(1):after{
    content:"WATTAGE\A RANGE";
    white-space:pre-line;
    display:block;
    font-size:10.5px;
    line-height:1.12;
  }
  .hse-spt-watt-mobile th:nth-child(2):after{
    content:"AVAILABLE\A MODELS";
    white-space:pre-line;
    display:block;
    font-size:10.5px;
    line-height:1.12;
  }
  .hse-spt-watt-mobile th:nth-child(3):after{
    content:"RS/W RANGE";
    white-space:normal;
    display:block;
    font-size:10.5px;
    line-height:1.12;
  }

  /* Types table: 4 columns -> 3 compact columns */
  .hse-types-table th:nth-child(4),
  .hse-types-table td:nth-child(4){display:none!important}
  .hse-types-table th:nth-child(1),
  .hse-types-table td:nth-child(1){width:29%!important}
  .hse-types-table th:nth-child(2),
  .hse-types-table td:nth-child(2){width:24%!important}
  .hse-types-table th:nth-child(3),
  .hse-types-table td:nth-child(3){width:47%!important}
  .hse-types-buying{
    display:block!important;
    margin-top:5px;
    padding-top:5px;
    border-top:1px dashed #d1d5db;
    color:#5f6672;
    font-size:10.5px;
  }


  /* Latest price table mobile header formatting */
  .hse-spt-brand-mobile th:nth-child(1){
    font-size:10.5px!important;
  }
  .hse-spt-brand-mobile th:nth-child(2),
  .hse-spt-brand-mobile th:nth-child(4),
  .hse-spt-brand-mobile th:nth-child(5){
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    overflow:hidden!important;
  }
  /* hse-second-col-overlap-fix */
  .hse-spt-brand-mobile th:nth-child(2){
    font-size:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .hse-spt-brand-mobile th:nth-child(2):after{
    content:"WATTS /\A TECHNOLOGY";
    white-space:pre-line;
    display:block;
    font-size:10px;
    line-height:1.12;
  }
  .hse-spt-brand-mobile th:nth-child(4){
    font-size:0!important;
  }
  .hse-spt-brand-mobile th:nth-child(4):after{
    content:"PRICE /\A WATT";
    white-space:pre-line;
    font-size:11px;
    line-height:1.15;
  }
  .hse-spt-brand-mobile th:nth-child(5){
    font-size:0!important;
    white-space:nowrap!important;
  }
  .hse-spt-brand-mobile th:nth-child(5):after{
    content:"PRICE/PANEL";
    white-space:nowrap;
    font-size:10.5px;
    line-height:1.15;
  }
  .hse-spt-brand-mobile td:nth-child(5){
    white-space:nowrap!important;
    font-size:11px!important;
  }

  /* Mobile-only header labels */
  .hse-mobile-label{font-size:0!important}
  .hse-mobile-label:after{
    content:attr(data-mobile-label);
    font-size:11px;
    line-height:1.2;
  }
  .hse-spt-watt-mobile th:nth-child(3).hse-mobile-label:after{
    content:"RS/W RANGE"!important;
    font-size:10.5px!important;
    line-height:1.12!important;
  }
}

/* === Solar Panels — WhatsApp CTA (uploaded logo, single icon) ===
 * Limited to page ID 29272; Homepage and Solar Inverters unaffected.
 * Logo file: assets/images/hse-whatsapp-logo.png
 * The Elementor HTML widget and WhatsApp link remain unchanged.
 */
body.page-id-29272 .hse-whatsapp-contact-wrap {
  margin-top: 18px;
  text-align: left;
}

body.page-id-29272 .hse-whatsapp-contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  background: #25D366;
  color: #fff !important;
  text-decoration: none !important;
  padding: 13px 22px;
  border-radius: 7px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: none;
  transition: filter .2s ease;
}

/* Prevent the Elementor image / obsolete round icon / theme trailing icon
 * from appearing alongside the CSS-supplied WhatsApp logo. */
body.page-id-29272 .hse-whatsapp-contact-btn img,
body.page-id-29272 .hse-whatsapp-contact-btn .hse-wa-brand-logo,
body.page-id-29272 .hse-whatsapp-contact-btn .hse-wa-icon,
body.page-id-29272 .hse-whatsapp-contact-btn > svg,
body.page-id-29272 .hse-whatsapp-contact-btn > i {
  display: none !important;
}

body.page-id-29272 .hse-whatsapp-contact-btn::after,
body.page-id-29272 .hse-whatsapp-contact-btn > span::before,
body.page-id-29272 .hse-whatsapp-contact-btn > span::after {
  content: none !important;
  display: none !important;
}

/* One larger original WhatsApp logo — desktop. No extra CSS circle. */
body.page-id-29272 .hse-whatsapp-contact-btn::before {
  content: "" !important;
  display: block !important;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  background: transparent url("../images/hse-whatsapp-logo.png") center / contain no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.page-id-29272 .hse-whatsapp-contact-btn:hover,
body.page-id-29272 .hse-whatsapp-contact-btn:focus-visible {
  filter: brightness(.95);
  color: #fff !important;
}

body.page-id-29272 .hse-whatsapp-contact-btn:focus-visible {
  outline: 2px solid #13245D;
  outline-offset: 3px;
}

@media (max-width:767px) {
  body.page-id-29272 .hse-whatsapp-contact-btn {
    gap: 10px;
    font-size: 16px;
    padding: 12px 18px;
  }
  body.page-id-29272 .hse-whatsapp-contact-btn::before {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.page-id-29272 .hse-whatsapp-contact-btn { transition: none; }
}