/**
Theme Name: Pixel Studio
Author: PIXEL Web
Author URI: https://www.pixel-web.com
Description: Thema custom per sito Pixel
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pixel-studio
Template: astra
*/

/* Shadown under header and footer */
.main-header-bar {
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
}
.site-footer {
	    box-shadow: 0px -1px 15px 1px rgba(0, 0, 0, 0.1);
}

/* Heading colors */
h2,h3,h4,h5,h6{
  color: #24588D !important;
}

/* MENU parent curosr on mobile */
.menu-item-has-children > a {
  cursor: pointer;
}

/* Hide banner Google Recaptcha */
.wpforms-recaptcha-container {
    display: none;
}
/* excerpt nel blog list */
 * .ast-excerpt-container.ast-blog-single-element {
    font-size: 0.8rem;
}

/* nota evidenziata con barra blu sx*/
.vertical-note-leftbar {
  position: relative;
  padding: 20px; /* Distanza tra la barra e il testo */
  background-color: #F0F5FA; /* Colore di sfondo del testo */
  border-top-right-radius: 20px; /* Arrotondamento angolo superiore destro */
  border-bottom-right-radius: 20px; /* Arrotondamento angolo inferiore destro */
}
.vertical-note-leftbar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px; /* Spessore della barra verticale */
  background-color: #256FC3; /* Colore della barra */
}

/* fulsanti nelle faq interni */
.wp-block-uagb-faq a {
  display: inline-block; /* Per renderlo un pulsante */
  padding: 5px 20px; /* Padding verticale 5px e orizzontale 20px */
  background-color: #256FC3; /* Colore di sfondo */
  color: white; /* Colore del testo */
  text-decoration: none; /* Rimuove la sottolineatura del link */
  border-radius: 20px; /* Angoli arrotondati */
  transition: background-color 0.3s ease; /* Effetto di transizione */
}
.wp-block-uagb-faq a:hover {
  background-color: #4887ce; /* Colore di sfondo al passaggio del mouse */
}

/* add shadow to SVG files */
.svg-shadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}

/* ombra nei post archivio */
.ast-blog-layout-4-grid .ast-article-inner {
    box-shadow: 0px 6px 15px -2px rgb(16 24 40 / 20%);
}

/* CSS example to customize the look of your shortcode */
.pxl-readingtime {
    padding: 5px;
    margin-top: 30px;
}
.reading-time-text {
  font-weight: bold;
  color: #24588C;
}
.reading-time-value {
	font-weight: bold;
  color: #658AAF;
}

/* Widget title styling */
.widget-title {
    font-size: 25px !important;
    color:#24588C !important;
		font-weight: bold;
}

/* Widget CODE styling */
.wp-block-code {
    position: relative;
    padding: 16px;
    border-left: 6px solid #256FC3;
    border-radius: 4px;
    overflow-x: auto;
    font-family: "Fira Code", monospace;
}


/* Base sticky header */
.main-header-bar {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  background-color: #FFFFFF;
  transition: background-color 0.4s ease, padding 0.3s ease;
}

/* Header scrolled (desktop e mobile) */
.main-header-bar.scrolled,
.ast-theme-transparent-header .main-header-bar.scrolled {
  background-color: rgba(255,255,255,0.9) !important;
  /*padding: 5px 0;*/
}

/* margin due to stick header */
body:not(.logged-in) {
    margin-top: 70px;
}
@media (max-width: 767.98px) {
    body:not(.logged-in) {
        margin-top: 70px;
    }
}

/* 1. Stile base per i link - Escludiamo menu, logo e tutti i tipi di pulsante */
body a:not(.menu-link):not(.custom-logo-link):not(.wp-block-button__link):not(.ast-button):not(.button):not(.uagb-buttons-repeater):not(.ast-outline-button) {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

/* 2. Creazione dell'underline animato - Stesse esclusioni */
body a:not(.menu-link):not(.custom-logo-link):not(.wp-block-button__link):not(.ast-button):not(.button):not(.uagb-buttons-repeater):not(.ast-outline-button)::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: currentColor;
    transition: width 0.3s ease;
}

/* 3. Animazione al hover - Stesse esclusioni */
body a:not(.menu-link):not(.custom-logo-link):not(.wp-block-button__link):not(.ast-button):not(.button):not(.uagb-buttons-repeater):not(.ast-outline-button):hover::after {
    width: 100%;
}

/* --- FIX SPAZIATURA SUPERIORE POST (Blog e Casi Studio) --- */

/* 1. Rimuove il margine di 4em di Astra su Desktop per tutti i post singoli */
@media (min-width: 993px) {
    .single.ast-separate-container #primary {
        margin-top: 0 !important;
    }
}

/* 2. Rimuove il padding superiore del contenitore principale per i post singoli */
.single .site-content {
    padding-top: 0 !important;
}

/* 3. Azzera i margini dell'articolo per farlo aderire all'header */
.single.ast-separate-container .ast-article-single {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 4. Opzionale: Se vuoi nascondere l'header vuoto (autore/data) anche nel blog */
.single .entry-header.ast-no-title {
    display: none !important;
}