/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme — IT-Life Modern Design with 3 switchable themes
Template: phlox-pro
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

/*
 * Critical CSS — loaded first to prevent FOUC on theme switch.
 * Main styles are in assets/css/ files, loaded via functions.php.
 */

/* Hide body until theme data-attribute is set (prevents flash) */
html:not([data-theme]) body {
  visibility: hidden !important;
}

html[data-theme] body {
  visibility: visible !important;
}

/* Immediate color transition for theme switching */
html[data-theme] * {
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

/* Exclude elements that should not transition (images, videos, animations) */
html[data-theme] img,
html[data-theme] video,
html[data-theme] canvas,
html[data-theme] svg,
html[data-theme] .il-animate-spin,
html[data-theme] .il-loading::after {
  transition-property: none !important;
}