/*
Theme Name:     Klozbuecher - Hotel Restaurant Metzgerei in Ellwangen
Theme URI:      n/a
Template:       kadence
Author:         Josef Puff
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ================================================
   CI-Farben – Filter-Buttons (outline + pill)
   ================================================ */
/* --- URLAUB: Dunkelgrau --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline[data-value="URLAUB"],
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill[data-value="URLAUB"] {
  background: #4f4f4f !important;
  border-color: #4f4f4f !important;
  color: #ffffff !important;
  opacity: 0.55;
}
/* --- Landhotel: Gold --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline[data-value="Landhotel"],
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill[data-value="Landhotel"] {
  background: #c8a55a !important;
  border-color: #c8a55a !important;
  color: #ffffff !important;
  opacity: 0.55;
}
/* --- Hirsch-Hütte: Waldgrün --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline[data-value="Hirsch-Hütte"],
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill[data-value="Hirsch-Hütte"] {
  background: #597e3b !important;
  border-color: #597e3b !important;
  color: #ffffff !important;
  opacity: 0.55;
}
/* --- Feinkostmetzgerei: Altrosa --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline[data-value="Feinkostmetzgerei"],
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill[data-value="Feinkostmetzgerei"] {
  background: #c4706d !important;
  border-color: #c4706d !important;
  color: #ffffff !important;
  opacity: 0.55;
}
/* --- Cateringservice: Marineblau --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline[data-value="Cateringservice"],
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill[data-value="Cateringservice"] {
  background: #004a87 !important;
  border-color: #004a87 !important;
  color: #ffffff !important;
  opacity: 0.55;
}
/* --- All-Button neutral --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline[data-value=""],
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill[data-value=""] {
  opacity: 0.55;
}
/* --- Aktiver Button (.pressed): volle Farbe + weißer Innenrahmen --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline.pressed,
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill.pressed {
  opacity: 1 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25) !important;
  outline: 2px solid rgba(255,255,255,0.6) !important;
  outline-offset: -4px !important;
}
/* --- Hover für alle --- */
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline:hover,
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-pill:hover {
  opacity: 1;
}
/* ================================================
   "Mehr Informationen" Modal-Buttons
   ================================================ */
.kt-blocks-modal-link {
  color: #ddbe7d !important;
  background: transparent !important;
  border-color: #ddbe7d !important;
}
.kt-blocks-modal-link:hover,
.kt-blocks-modal-link:focus {
  color: #ffffff !important;
  background: #ddbe7d !important;
  border-color: #ddbe7d !important;
}
/* Bestehendes */
.wsf-section-icons a svg {
  width: 65px !important;
}

/* "All" → "Alle" umbenennen */
.kb-query-filter-filter-button[data-value=""] {
  font-size: 0 !important;
}
.kb-query-filter-filter-button[data-value=""]::after {
  content: "Alle";
	padding-left: 16px;
	padding-right: 16px;
  font-size: 14.4px;
}




/* ================================================
   BRANDING JE UNTERSEITE – Logo + Primärfarbe
   Seiten-IDs:
   - Landhotel:        page-id-109  (+ Zimmer: 1203, Umgebung: 1205)
   - Feinkostmetzgerei: page-id-110
   - Cateringservice:  page-id-111
   - Hirsch-Hütte:     page-id-113
   Logo-Selektor: figure.kb-image1010_71e3d7-d7 img
   ================================================ */
/* ------------------------------------------------
   LANDHOTEL – Gold/Ocker #c8a55a
------------------------------------------------ */
body.page-id-109 figure.kb-image1010_71e3d7-d7 img,
body.page-id-1203 figure.kb-image1010_71e3d7-d7 img,
body.page-id-1205 figure.kb-image1010_71e3d7-d7 img {
  content: url('https://bbkf3oq.myrdbx.io/wp-content/uploads/2026/02/260227_klozbuecher-Landhotel.svg');
}
body.page-id-109,
body.page-id-1203,
body.page-id-1205 {
  --global-palette1: #c8a55a !important;
  --global-palette2: #e4ceA0 !important;
  --global-palette-btn-bg: #c8a55a !important;
  --global-palette-btn-bg-hover: #e4cea0 !important;
}
/* ------------------------------------------------
   FEINKOSTMETZGEREI – Altrosa #c4706d
------------------------------------------------ */
body.page-id-110 figure.kb-image1010_71e3d7-d7 img {
  content: url('https://bbkf3oq.myrdbx.io/wp-content/uploads/2026/02/260227_klozbuecher-Feinkostmetzgerei.svg');
}
body.page-id-110 {
  --global-palette1: #c4706d !important;
  --global-palette2: #dca5a3 !important;
  --global-palette-btn-bg: #c4706d !important;
  --global-palette-btn-bg-hover: #dca5a3 !important;
}
/* ------------------------------------------------
   CATERINGSERVICE – Marineblau #004a87
------------------------------------------------ */
body.page-id-111 figure.kb-image1010_71e3d7-d7 img {
  content: url('https://bbkf3oq.myrdbx.io/wp-content/uploads/2026/02/260227_klozbuecher-Cateringservice.svg');
}
body.page-id-111 {
  --global-palette1: #004a87 !important;
  --global-palette2: #3375b0 !important;
  --global-palette-btn-bg: #004a87 !important;
  --global-palette-btn-bg-hover: #3375b0 !important;
}
/* ------------------------------------------------
   HIRSCH-HÜTTE – Waldgrün #597e3b
------------------------------------------------ */
body.page-id-113 figure.kb-image1010_71e3d7-d7 img {
  content: url('https://bbkf3oq.myrdbx.io/wp-content/uploads/2026/02/260227_klozbuecher-Hirsch-Huette.svg');
}
body.page-id-113 {
  --global-palette1: #597e3b !important;
  --global-palette2: #8aac6a !important;
  --global-palette-btn-bg: #597e3b !important;
  --global-palette-btn-bg-hover: #8aac6a !important;
}



/* Transition Overlay */
#page-transition-overlay {
  position: fixed;
  inset: 0;
  background: #fff7e7;
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-transition-overlay img {
  max-width: 180px;
  opacity: 0.45;
}