/*
Theme Name: Verso Solutions
Theme URI: https://verso.solutions/
Template: blocksy
Description: Proprietary Child Theme for Verso Solutions. Visual architecture engineered for Enterprise solutions and vertical products. Implementing the "Think Clearly. Build Simply." methodology to ensure high performance, scalability, and structural reliability.
Author: Verso Solutions
Author URI: https://verso.solutions/
Version: 1.0.3
License: Proprietary / Verso Solutions
Text Domain: verso-solutions
Tags: software-house, engineering, cloud-native, clean-code, blocksy-child
*/

/* ==========================================================================
   GLOBAL TYPOGRAPHY & RESPONSIVE HEADINGS
   --------------------------------------------------------------------------
   - Standardizes headings with "Small-Caps" for an Engineering look.
   - Mobile: Applies a metallic text gradient to H2 for depth on small screens.
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    /* Rende le minuscole maiuscole piccole senza "urlare" */
    font-variant: small-caps; 
}

@media (max-width: 768px) {
    h2 {
        color: #FFFFFF;
        background-image: linear-gradient(
            230deg, 
            var(--theme-palette-color-2) 0%, 
            var(--theme-palette-color-4) 60%, 
            var(--theme-palette-color-3) 75%
        );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }
}

/* ========================================================================== */

/* ==========================================================================
   SEMANTIC MESSAGING SYSTEM (ALERTS & NOTICES)
   --------------------------------------------------------------------------
   Defines the functional color palette for UI status boxes (Greenishoft).
   Structure: Border (Odd ID), Background (Even ID), Text (Palette 3).
   ========================================================================== */

.gs-box.info_type {
	color: var(--theme-palette-color-3);
	background: var(--theme-palette-color-10);
	border-color: var(--theme-palette-color-9);
}
.gs-box.info_type svg {
	fill: var(--theme-palette-color-9);
}

.gs-box.notice_type {
	color: var(--theme-palette-color-3);
	background: var(--theme-palette-color-12);
	border-color: var(--theme-palette-color-11);
}
.gs-box.notice_type svg {
	fill: var(--theme-palette-color-11);
}

.gs-box.error_type {
	color: var(--theme-palette-color-3);
	background: var(--theme-palette-color-14);
	border-color: var(--theme-palette-color-13);
}
.gs-box.error_type svg {
	fill: var(--theme-palette-color-13);
}

.gs-box.download_type {
	color: var(--theme-palette-color-3);
	background: var(--theme-palette-color-16);
	border-color: var(--theme-palette-color-15);
}
.gs-box.download_type svg {
	fill: var(--theme-palette-color-15);
}

/* ========================================================================== */

/* ==========================================================================
   GLOBAL PULLQUOTES STYLING
   --------------------------------------------------------------------------
   - Technical box for highlighting key statements.
   - Design: Thick border (2px) in "Oliva/Fango" (Palette 5).
   - Radius: 25px (Softer aesthetic for highlighted content).
   ========================================================================== */

figure.wp-block-pullquote {
    position: relative;
    padding: 70px;
    text-align: initial;
    border-width: 2px;
    border-radius: 25px;
    border-style: solid;
    border-color: var(--theme-palette-color-5);
}

/* ========================================================================== */


@media (max-width: 768px) {
    h2 {
        color: #FFFFFF;
        background-image: linear-gradient(
            230deg, 
            var(--theme-palette-color-2) 0%, 
            var(--theme-palette-color-4) 60%, 
            var(--theme-palette-color-3) 75%
        );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }
}

.ct-footer-copyright {
    font-variant: small-caps;
}