/* 
  -----------------------------------
  Accordion Panel Magic 4
  Custom Theme for Mermac®
  by Project Seven Development (base)
  Edited for Mermac branding
  -----------------------------------
*/

/* ROOT and CONTENT BACKGROUND COLORS */
.p7AP4-01.p7AP4root-wrapper {
  background-color: transparent;
}
.p7AP4-01.ap4-trig-space .p7AP4root-wrapper {
  background-color: transparent;
}

/* CONTENT AREA */
.p7AP4-01.p7AP4content {
  background-color: #ffffff;
  color: #222;
  padding: 5px 10px;
}

/* TRIGGERS and TRIGGER COLORS */
.p7AP4-01.p7AP4trig a,
.p7AP4-01.p7AP4trig h3,
.p7AP4-01.p7AP4trig h4 {
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0;
}

a.p7AP4-01 {
  display: block;
  padding: 15px 20px;
  background-color:#D1D1D1;
  color: #5a3b1e;              /* brand brown text */
  border: 1px solid #ddd;
  border-radius: 6px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

/* Hover state */
a.p7AP4-01:hover {
  background-color: #5a3b1e;  
  color: #ffffff;
  border-color: #c8a77d;
}

/* Active (open) FAQ */
a.p7AP4-01.ap4Trigs_down {
  background-color: #5a3b1e;   /* brand dark brown */
  color: #ffffff;
  border-color: #5a3b1e;
}

/* Active hover (keep consistent) */
a.p7AP4-01.ap4Trigs_down:hover {
  background-color: #5a3b1e;
  color: #ffffff;
}

/* CURRENT MARK */
a.p7AP4-01.current_mark {
  font-weight: bold;
}

/* EXTERNAL TRIGGER LINKS */
a.p7AP4-01.p7AP4_ext,
a.p7AP4-01.p7AP4_ext.current_mark {
  background: none !important;
}
a.p7AP4-01.p7AP4_ext:hover,
a.p7AP4-01.p7AP4_ext.current_mark:hover {
  background: none !important;
}

/* CONTENT BORDERS */
.p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4content {
  border-left: none;
  border-right: none;
}
.p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4cwrapper.ap4last .p7AP4-01.p7AP4content {
  border-bottom: none;
}

/* TRIGGER SPACING */
.p7AP4-01.ap4-trig-space a.p7AP4-01 {
  margin-bottom: 10px;
}

/* ROUNDED CORNERS */
.p7AP4-01.ap4-rounded .p7AP4-01.p7AP4root-wrapper {
  border-radius: 0;
}
.p7AP4-01.ap4-trig-space.ap4-rounded .p7AP4-01.p7AP4trig,
.p7AP4-01.ap4-trig-space.ap4-rounded .p7AP4-01.p7AP4trig a {
  border-radius: 6px;
}

/* TEXT INSIDE PANELS */
.p7AP4-01.p7ap4-content h1,
.p7AP4-01.p7ap4-content h2,
.p7AP4-01.p7ap4-content h3,
.p7AP4-01.p7ap4-content h4 {
  margin: 0 0 10px 0;
}
.p7AP4-01.p7ap4-content p {
  margin: 6px 0;
}

/* TOOLBAR (if used) */
.p7AP4-01 .p7AP4-01.ap4-toolbar {
  background-color: #5a3b1e;
}
.p7AP4-01 .p7AP4-01.ap4-toolbar a {
  color: #fff;
}
.p7AP4-01 .p7AP4-01.ap4-toolbar a:hover {
  color: #c8a77d;
}

/* RESPONSIVE */
@media only screen and (max-width: 700px) {
  a.p7AP4-01 {
    font-size: 0.95rem;
    padding: 12px 15px;
  }
}