/*
Theme Name: infoicon-theme
Author: infoicon-theme
Version: 1.0
Text Domain: infoicon-theme
*/

/* Grauen Balken auf Materialauswahl- und Restposten-Seiten entfernen */
.page-id-1295 .mage-img-main div h3,
.page-id-3576 .mage-img-main div h3,
.page-id-1295 .mage-img-main div h5,
.page-id-3576 .mage-img-main div h5 {
  background: transparent !important;
  padding: 8px 0 !important;
}

/* Textfarbe */
.page-id-1295 .mage-img-main div h3 a,
.page-id-3576 .mage-img-main div h3 a,
.page-id-1295 .mage-img-main div h3 span,
.page-id-3576 .mage-img-main div h3 span,
.page-id-1295 .mage-img-main div h5,
.page-id-3576 .mage-img-main div h5 {
  color: #333 !important;
}

/* Übergeordnetes DIV transparent */
.page-id-1295 .mage-img-main div,
.page-id-3576 .mage-img-main div {
  background: transparent !important;
}

/* Grauen Balken vollständig entfernen – auch Span/A-Element */
.page-id-3576 .mage-img-main div h3,
.page-id-3576 .mage-img-main div h3 a,
.page-id-3576 .mage-img-main div h3 span,
.page-id-3576 .mage-img-main div h5,
.page-id-3576 .mage-img-main div h5 a,
.page-id-3576 .mage-img-main div h5 span {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* ========== INFO SECTION (Accordion + Buttons) ========== */
.info-section .info-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  margin:10px 0;
  background:#f6f6f6;
  border:1px solid #e1e1e1;
  border-radius:6px;
  cursor:pointer;
  text-align:left;
}
.info-section .info-toggle__title{ font-size:14px; font-weight:600; color:#777; margin:0; }
.info-section .info-toggle__icon{ font-size:16px; color:#777; flex:0 0 auto; }

.info-section .info-toggle:hover,
.info-section .info-toggle[aria-expanded="true"]{
  background:#7b2b2b;
  border-color:#7b2b2b;
}
.info-section .info-toggle:hover .info-toggle__title,
.info-section .info-toggle:hover .info-toggle__icon,
.info-section .info-toggle[aria-expanded="true"] .info-toggle__title,
.info-section .info-toggle[aria-expanded="true"] .info-toggle__icon{
  color:#fff;
}

.info-section .info-panel{
  display:none;
  padding:10px 14px 12px;
  color:#777;
  border:1px solid #e1e1e1;
  border-top:0;
  border-radius:0 0 6px 6px;
  margin-top:-10px;
  margin-bottom:10px;
  background:#fff;
}