/*!
Theme Name: Ashade Child
Theme URI: http://demo.shadow-themes.com/wp/ashade
Author: Shadow Themes
Author URI: http://shadow-themes.com
Description: Ashade Photography Child Theme. Ashade Photography is a minimal and creative Wordpress Theme for Photographers, created in Dark Mode. Ashade Photography can help you to make your own photo portfolio or any kind of showcases. Modern design of this photography template will keep your photo portfolio in trending look. Smooth scroll and creative page transitions, lite design without bulky loaders, drag and drop controls for sliders and galleries. All of this and even much more will helps you to show your amazing photos for your potential clients in really professional way. But this template can be useful not only for photographers as photo portfolio, but also for any kind of creative portfolio showcase where you need to show visually your creative work result.
Template: ashade
Version: 2.1
License: Themeforest
License URI: -
Text Domain: ashade
Tags: animated, creative, dark, fullscreen, gallery, lite, minimal, modern, parallax, photo, photographer, photography, portfolio, showcase, slider, blog, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, sticky-post, theme-options, translation-ready

*/

.ashade-logo img {
    width: 25% !important;
}

.ashade-logo.is-retina {
	height: auto !important;
}

.ashade-logo-block {
	width: 250px !important;
}

nav.ashade-nav ul li a {
    color: white !important;
}

.ashade-footer__socials ul.ashade-socials {
   display: flex;
   align-items: center;
}

.ashade-footer__socials ul.ashade-socials li {
   display: flex;
   align-items: center;
}

.privacy h1 {
	font-size: 24px !important;
}

/* CSS per la gestione dei telefoni */
@media screen and (max-width: 768px) {
    .phone-number-container {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    
    .phone-number-container .phone-separator {
        display: none;
    }
}

/* CSS per migliorare l'aspetto dei link telefonici */
.phone-number-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.phone-number-link:hover {
    color: #888;
}

/* Logo dimensione mobile */
@media screen and (max-width: 768px) {
    .ashade-logo img {
        width: 50% !important;
    }
}

/* Stile base per la lista dei social */
.ashade-socials--text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

/* Forza l'icona Star of Service ad essere perfettamente rotonda */
.ashade-socials--text img[src*="star"] {
    aspect-ratio: 1/1;
    object-fit: contain;
    border-radius: 50%;
}

/* Layout mobile */
@media screen and (max-width: 768px) {
    .ashade-socials--text {
        justify-content: flex-start;  /* Allinea i social a sinistra */
    }
    
    /* Gruppo dei social */
    .ashade-socials--text li:not(:has(img)) {
        order: 1;
    }
    
    /* Gruppo dei loghi centrati su nuova riga */
    .ashade-socials--text li:has(img) {
        order: 2;
        flex-basis: 100%;
        text-align: center;
    }
    
    /* Spazio sopra i loghi */
    .ashade-socials--text li:has(img):first-of-type {
        margin-top: 20px;
    }
}

/* Base styles per input e select */
.ur-frontend-form .input-text,
.user-registration .input-text,
.ur-frontend-form select,
.user-registration select {
    background: transparent !important;
    width: 100%;
}

/* Layout griglia desktop */
.ur-form-grid.ur-grid-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Campi full width */
.ur-field-item.field-privacy_policy,
.ur-field-item.field-istituto_scolastico {
    grid-column: 1 / span 2;
}

/* Mobile styles */
@media screen and (max-width: 767px) {
    .ur-form-grid.ur-grid-1 {
        display: block;
        padding: 0 15px;
    }

    .ur-field-item {
        width: 100% !important;
        margin-bottom: 20px;
    }

    /* Reset grid span per mobile */
    .ur-field-item.field-privacy_policy,
    .ur-field-item.field-istituto_scolastico {
        grid-column: auto;
    }

    /* Input styling mobile */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    select {
        height: 44px;
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        width: 100%;
    }

    /* Labels mobile */
    .ur-label {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
    }

    /* Select custom mobile */
    .ashade-select-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ashade-select {
        width: 100% !important;
        padding: 10px 12px;
    }

    /* Privacy policy text mobile */
    .ur-field-item.field-privacy_policy .description {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 8px;
    }
}