/*
 Theme Name:   Grindelwald Child
 Theme URI:    http://demo.goodlayers.com/grindelwald
 Description:  Goodlayers Grindelwald Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     grindelwald
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  grindelwald-child

 START YOUR CHILD THEME CSS HERE
*/

/* ============================================================
   GLOBAL TOKENS 
   ============================================================ */
:root {
  --color-terracotta: #C86A53;
  --color-beige: #E8DCC4;
  --color-ink: #231F1C;
  --color-paper: #F4ECD8;
  --pad-stage: clamp(24px, 4vw, 56px);
  --radius-card: 14px;
}

/* ============================================================
   COMPONENT — Dock & Expand
   ============================================================ */

/* The Stage */
.dock-expand {
  position: relative !important;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: var(--color-beige);
  isolation: isolate;
  padding: 0 !important; /* Override GoodLayers defaults */
}

/* The Panels (overriding GoodLayers Column default styles) */
.dock-expand__panel {
  position: absolute !important;
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; /* Creates the inset: 0 effect safely */
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transform-origin: top left;
  will-change: transform, opacity, border-radius;
  border-radius: 0;
  overflow: hidden;
}

/* Panel A Specifics */
.dock-expand__panel--a {
  z-index: 2;
  background-color: var(--color-ink);
  color: var(--color-paper);
}

/* Panel B Specifics */
.dock-expand__panel--b {
  z-index: 1;
  background-color: var(--color-terracotta);
  color: var(--color-paper);
}

/* Force inner text to inherit the panel colors instead of theme defaults */
.dock-expand__panel * {
  color: inherit; 
}