/*
 Theme Name: GliEsploraCoseTheme
 Template:   hello-elementor
 Version:    1.1
 Author:     Roimaxweb ltd
 Text Domain: gliesploracose-theme
*/


/* ==== CSS Custom Properties (palette) ===================================== */
:root {
	--color-primary:     #004C66;
	--color-secondary:   #A3B18A;
	--color-text:        #353535;
	--color-accent:      #E5B01D;
	--color-marrone:     #9B4A34;
	--color-terracotta:  #B96F45;
	--color-pesca:       #E29578;
	--color-uovo:        #F4EBD9;
}

b, strong {
	font-weight: 600;
}

/* ==== Tipografia personalizzata ========================================== */
.editor-styles-wrapper .is-style-reenie-beanie {
	font-family: 'ReenieBeanie-Regular', cursive;
	line-height: 2.2rem;
	font-size: 2.2rem;
}

.editor-styles-wrapper .is-style-merriweather-italic {
	font-family: 'Merriweather', serif;
	font-style: italic;
	line-height: 2.5rem;
	font-size: 2.2rem;
}

/* ==== Palette Gutenberg (classi generate automaticamente) ================ */
.has-primary-color            { color: var(--color-primary); }
.has-primary-background-color { background-color: var(--color-primary); }

.has-secondary-color            { color: var(--color-secondary); }
.has-secondary-background-color { background-color: var(--color-secondary); }

.has-text-color            { color: var(--color-text); }
.has-text-background-color { background-color: var(--color-text); }

.has-accent-color            { color: var(--color-accent); }
.has-accent-background-color { background-color: var(--color-accent); }

.has-marrone-scuro-color            { color: var(--color-marrone); }
.has-marrone-scuro-background-color { background-color: var(--color-marrone); }

.has-terracotta-color            { color: var(--color-terracotta); }
.has-terracotta-background-color { background-color: var(--color-terracotta); }

.has-pesca-color            { color: var(--color-pesca); }
.has-pesca-background-color { background-color: var(--color-pesca); }

.has-uovo-color            { color: var(--color-uovo); }
.has-uovo-background-color { background-color: var(--color-uovo); }

/* ==== Link underline animato SOLO nel corpo articolo ===================== */

/* Stato base -------------------------------------------------------------- */
.wp-singular .elementor-location-single p a,
.wp-block-rank-math-toc-block ul li a,
.editor-styles-wrapper .wp-block-post-content p a,
.editor-styles-wrapper .block-editor-block-list__layout p a {
    color: transparent !important;
    text-shadow: 0 0 #000,
                 .06em 0 0 rgba(255,255,255,.7),
                 0 .05em 0 rgba(255,255,255,.7),
                 -.06em 0 0 rgba(255,255,255,.7) !important;

    background-image: linear-gradient(transparent calc(100% - .45em), var(--color-pesca) 0),
                      linear-gradient(transparent calc(100% - .45em), var(--color-accent) 0);
    background-repeat: no-repeat;
    background-size: 0 100%, 100% 100%; /* underline = 0% */
    transition: background-size .15s ease-in-out;
}

/* Hover / focus ----------------------------------------------------------- */
.wp-singular .elementor-location-single p a:hover,
.wp-singular .elementor-location-single p a:focus,
.wp-block-rank-math-toc-block a:hover,
.wp-block-rank-math-toc-block a:focus,
.editor-styles-wrapper .wp-block-post-content p a:hover,
.editor-styles-wrapper .wp-block-post-content p a:focus,
.editor-styles-wrapper .block-editor-block-list__layout p a:hover,
.editor-styles-wrapper .block-editor-block-list__layout p a:focus {
    color: #000;
    background-size: 100% 100%, 100% 100%; /* underline piena */
    text-decoration: none;
}