/*
Theme Name:   Linde
Theme URI:    https://lindeco.com
Description:  Child theme of Kadence for lindeco.com. Holds only approved CSS exceptions; every rule here is logged in docs/custom-css-log.md with its reason. All PHP lives in the linde-core plugin.
Author:       Linde Corporation
Template:     kadence
Version:      1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain:  linde-child
*/

/* ------------------------------------------------------------------------------------------
   Side panels (Modal blocks with the class "linde-side-panel", set in the block's Advanced panel):
   the three menu panels and the two form panels, all opening from the left as on the original site.
   Kadence's slideleft keyframe travels only 45 % (translateX(-45%) → 0); the original design slides in
   from beyond the viewport edge. Animation only — colors, spacing and type stay block/palette settings.
   Approved 2026-09-12 (D2, right-hand version); mirrored to the left 2026-09-14 when every panel moved
   to the left. Logged in docs/custom-css-log.md.
   ------------------------------------------------------------------------------------------ */
.linde-side-panel.kt-m-animate-in-slideleft[aria-hidden="false"] .kt-modal-container { animation-name: linde-panel-in-left; }
.linde-side-panel.kt-m-animate-out-slideoutleft[aria-hidden="true"] .kt-modal-container { animation-name: linde-panel-out-left; }
@keyframes linde-panel-in-left  { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@keyframes linde-panel-out-left { from { transform: translateX(0); } to { transform: translateX(-100%); } }

/* ------------------------------------------------------------------------------------------
   Gravity Forms submit button inside the red side panels (Let's Talk / Transload Contact modals).
   The button takes Kadence's global button style (palette1 pill), which is invisible on the palette1
   panel; the original design used the darker red there. Gravity Forms' own colour settings only exist
   in its Orbital theme and take hex values, so this is the one way to keep the pill on the palette.
   Approved 2026-09-14 (CSS exception #2). Logged in docs/custom-css-log.md.
   ------------------------------------------------------------------------------------------ */
.kadence-block-pro-modal .gform_button { background: var(--global-palette2); }
.kadence-block-pro-modal .gform_button:hover,
.kadence-block-pro-modal .gform_button:focus { background: var(--global-palette3); }