/**
 *  ____                _        ____
 * |  _ \ _ __ ___  ___| |_ __ _|  _ \  _____   __
 * | |_) | '__/ _ \/ __| __/ _` | | | |/ _ \ \ / /
 * |  __/| | |  __/\__ \ || (_| | |_| |  __/\ V /
 * |_|   |_|  \___||___/\__\__,_|____/ \___| \_/
 *
 * PrestaDev.pl - PD Faqs Pro
 *
 * NOTICE OF LICENSE
 *
 * This source file is licensed under the PrestaDev Proprietary License
 * shipped with this package in the file LICENSE.md.
 * If you did not receive a copy of the license, please contact: info@prestadev.pl
 *
 * DISCLAIMER
 *
 * Do not edit, modify or copy this file.
 * If you wish to customize it, contact us at info@prestadev.pl.
 *
 * @author    Patryk Marek <info@prestadev.pl>
 * @copyright 2012-2026 Patryk Marek - PrestaDev.pl
 *
 * @see      https://prestadev.pl
 *
 * @version   1.0.1
 *
 * @license   PrestaDev.pl Patryk Marek Proprietary License
 *
 * @date      2026-03-01
 */

/*
 * Front Office styles for FAQs Pro (product + category).
 *
 * - Works with Bootstrap 4 and Bootstrap 5 themes.
 * - Works WITHOUT Bootstrap too (plain CSS fallback).
 * - Strongly scoped (only affects .pdfaqspro-faq-accordion).
 *
 * Markup uses <details>/<summary> so it stays clickable even when JS is blocked.
 */

/* Base variables (Light preset default) */
.pdfaqspro-faq-accordion {
  /* Header (collapsed) */
  --pd-faq-head-bg: rgba(0, 0, 0, 0.02);
  --pd-faq-head-hover: rgba(0, 0, 0, 0.04);
  --pd-faq-head-border: rgba(0, 0, 0, 0.12);
  --pd-faq-head-border-width: 1px;
  --pd-faq-head-radius: 7px;
  --pd-faq-head-text: inherit;
  --pd-faq-head-font-size: inherit;

  /* Header (open) */
  --pd-faq-head-open-bg: rgba(0, 0, 0, 0.03);
  --pd-faq-head-open-border: rgba(0, 0, 0, 0.12);
  --pd-faq-head-open-border-width: 1px;
  --pd-faq-head-open-radius: 7px;
  --pd-faq-head-open-text: inherit;
  --pd-faq-head-open-font-size: inherit;

  /* Body (expanded content) */
  --pd-faq-body-bg: #ffffff;
  --pd-faq-body-border: rgba(0, 0, 0, 0.08);
  --pd-faq-body-border-width: 1px;
  --pd-faq-body-radius: 7px;
  --pd-faq-body-text: inherit;
  --pd-faq-body-font-size: inherit;

  /* General */
  --pd-faq-shadow: none;

  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  clear: both !important;
  margin-top: 1.25rem !important;
}
/* Presets */
.pdfaqspro-faq-accordion.pdfaqspro-theme-light {
  /* default */
}

.pdfaqspro-faq-accordion.pdfaqspro-theme-custom {
  /* Custom values are injected as CSS variables via JS. */
}

.pdfaqspro-faq-accordion.pdfaqspro-theme-grey {
  --pd-faq-head-bg: #f6f6f6;
  --pd-faq-head-hover: #eeeeee;
  --pd-faq-head-border: rgba(0, 0, 0, 0.14);

  --pd-faq-head-open-bg: #ededed;
  --pd-faq-head-open-border: rgba(0, 0, 0, 0.14);

  --pd-faq-body-bg: #ffffff;
  --pd-faq-body-border: rgba(0, 0, 0, 0.10);
}

.pdfaqspro-faq-accordion.pdfaqspro-theme-dark {
  --pd-faq-head-bg: #2b2b2b;
  --pd-faq-head-hover: #333333;
  --pd-faq-head-border: rgba(255, 255, 255, 0.18);
  --pd-faq-head-text: #ffffff;

  --pd-faq-head-open-bg: #303030;
  --pd-faq-head-open-border: rgba(255, 255, 255, 0.18);
  --pd-faq-head-open-text: #ffffff;

  --pd-faq-body-bg: #1f1f1f;
  --pd-faq-body-border: rgba(255, 255, 255, 0.14);
  --pd-faq-body-text: #ffffff;

  --pd-faq-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.pdfaqspro-faq-accordion.pdfaqspro-theme-minimal {
  --pd-faq-head-bg: transparent;
  --pd-faq-head-hover: rgba(0, 0, 0, 0.03);
  --pd-faq-head-border: rgba(0, 0, 0, 0.10);
  --pd-faq-head-radius: 0px;

  --pd-faq-head-open-bg: transparent;
  --pd-faq-head-open-border: rgba(0, 0, 0, 0.10);
  --pd-faq-head-open-radius: 0px;

  --pd-faq-body-bg: transparent;
  --pd-faq-body-border: rgba(0, 0, 0, 0.06);
  --pd-faq-body-radius: 0px;
}

/* Make sizing predictable even with aggressive theme resets */
.pdfaqspro-faq-accordion,
.pdfaqspro-faq-accordion * {
  box-sizing: border-box !important;
}

.pdfaqspro-faq-accordion .pdfaqspro-faq-lead {
  margin: 0 0 0.75rem !important;
  opacity: var(--pd-faq-lead-opacity) !important;
}

.pdfaqspro-faq-accordion .pdfaqspro-accordion {
  width: 100% !important;
  margin: 0 !important;
}

/* Item wrapper */
.pdfaqspro-faq-accordion details.pdfaqspro-accordion-item {
  width: 100% !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  margin: 0 0 0.75rem !important;
}

/* Reset native summary markers */
.pdfaqspro-faq-accordion summary.pdfaqspro-accordion-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: var(--pd-faq-head-border-width) solid var(--pd-faq-head-border) !important;
  background: var(--pd-faq-head-bg) !important;
  border-radius: var(--pd-faq-head-radius) !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.95rem 1rem !important;
  text-align: left !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  font-family: inherit !important;
  font-size: var(--pd-faq-head-font-size) !important;
  color: var(--pd-faq-head-text) !important;
  text-transform: none !important;
}

.pdfaqspro-faq-accordion summary.pdfaqspro-accordion-btn::-webkit-details-marker {
  display: none !important;
}

.pdfaqspro-faq-accordion summary.pdfaqspro-accordion-btn::marker {
  content: '' !important;
}

/* Summary as button (strongly reset theme button styles) */
.pdfaqspro-faq-accordion summary.pdfaqspro-accordion-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: var(--pd-faq-head-border-width) solid var(--pd-faq-head-border) !important;
  background: var(--pd-faq-head-bg) !important;
  border-radius: var(--pd-faq-head-radius) !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.95rem 1rem !important;
  text-align: left !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  font-family: inherit !important;
  font-size: var(--pd-faq-head-font-size) !important;
  color: var(--pd-faq-head-text) !important;
  text-transform: none !important;
}

.pdfaqspro-faq-accordion summary.pdfaqspro-accordion-btn:hover {
  background: var(--pd-faq-head-hover) !important;
}

.pdfaqspro-faq-accordion summary.pdfaqspro-accordion-btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

.pdfaqspro-faq-accordion .pdfaqspro-accordion-question {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Open state */
.pdfaqspro-faq-accordion details[open] summary.pdfaqspro-accordion-btn {
  background: var(--pd-faq-head-open-bg) !important;
  border-color: var(--pd-faq-head-open-border) !important;
  border-width: var(--pd-faq-head-open-border-width) !important;
  color: var(--pd-faq-head-open-text) !important;
  font-size: var(--pd-faq-head-open-font-size) !important;

  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-width: 0 !important;
}

/* Chevron */
.pdfaqspro-faq-accordion summary.pdfaqspro-accordion-btn::after {
  content: '' !important;
  flex: 0 0 auto !important;
  width: 0.65rem !important;
  height: 0.65rem !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
  opacity: 0.65 !important;
  transition: transform 0.18s ease !important;
}

.pdfaqspro-faq-accordion details[open] summary.pdfaqspro-accordion-btn::after {
  transform: rotate(-135deg) !important;
}

/* Body */
.pdfaqspro-faq-accordion .pdfaqspro-accordion-body {
  padding: 0.95rem 1rem !important;
  line-height: 1.65 !important;
  background: var(--pd-faq-body-bg) !important;
  border: var(--pd-faq-body-border-width) solid var(--pd-faq-body-border) !important;
  border-top-width: 0 !important;
  border-bottom-left-radius: var(--pd-faq-body-radius) !important;
  border-bottom-right-radius: var(--pd-faq-body-radius) !important;
  color: var(--pd-faq-body-text) !important;
  font-size: var(--pd-faq-body-font-size) !important;
}

.pdfaqspro-faq-accordion .pdfaqspro-accordion-body p:last-child {
  margin-bottom: 0 !important;
}

/* Minor polish for links inside answers */
.pdfaqspro-faq-accordion .pdfaqspro-accordion-body a {
  text-decoration: underline;
}