/*
Theme Name:   Storefront Child - Pappasole Shop
Theme URI:    https://pappasoleshop.it
Description:  Child theme per Pappasole Shop - E-commerce merchandising Pappasole Camping Village
Author:       Danilo Maurizio Troiani
Author URI:   https://genial.it
Template:     storefront
Version:      1.0.0
Text Domain:  storefront-child
*/

/**
 * ==========================================================================
 * VARIABILI CSS BRAND PAPPASOLE
 * ==========================================================================
 */

:root {
    /* Font Families */
    --ff-default: 'Merriweather', 'Helvetica', serif;  /* Body text */
    --ff-heading: 'Marcellus', 'Helvetica', serif;     /* Titoli e bottoni */

    /* Brand Colors */
    --primary-color: #0265AE;     /* Blu principale */
    --secondary-color: #CFE5F2;   /* Azzurro chiaro */
    --accent-color: #FFD000;      /* Giallo */
    --beige-color: #FAF9EA;       /* Beige chiaro */

    /* Background & Text */
    --bg-body: #fffff9;           /* Bianco caldo */
    --text-color: #333;           /* Grigio scuro */

    /* Border Radius */
    --border-radius: 3.2rem;      /* Standard */
    --border-radius-large: 6.4rem; /* Desktop elementi grandi */

    /* Spacing Responsive */
    --padding-mobile: 1.6rem;
    --padding-tablet: 3.2rem;
    --padding-desktop: 6.4rem;
}

/**
 * ==========================================================================
 * BASE STYLES
 * ==========================================================================
 */

html {
    font-size: 62.5%; /* 10px = 1rem */
}

body {
    font-family: var(--ff-default);
    font-size: 1.6rem;
    color: var(--text-color);
    background-color: var(--bg-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff-heading);
}


/**
 * ==========================================================================
 * RESPONSIVE UTILITIES
 * ==========================================================================
 */

.container {
    padding-left: var(--padding-mobile);
    padding-right: var(--padding-mobile);
}

@media (min-width: 992px) {
    .container {
        padding-left: var(--padding-tablet);
        padding-right: var(--padding-tablet);
    }
}

@media (min-width: 1280px) {
    .container {
        padding-left: var(--padding-desktop);
        padding-right: var(--padding-desktop);
    }
}


/**
 * ==========================================================================
 * adattamenti stle wp
 * ==========================================================================
 */
html{margin-top:0!important}

/**
 * ==========================================================================
 * adattamenti stile-generale.css
 * ==========================================================================
 */
 p,li{font-weight:400}
.site-header{margin: 0;border: none;border-radius: 1.6rem;}
.site-header .logo-container{display: block;line-height: 0;}
.site-header-cta{gap:1.6rem}
.site-header-cta a{color:#000;line-height: 0;display: block;}
.site-header-cta a:hover svg{fill:var(--primary-color)}
.btn-menu-mobile{margin-left:3.2rem;line-height:0;}
.btn-menu-mobile:hover{background:#fff}
.btn-menu-mobile i{font-size:2.4rem}
.btn-close-menu:hover{background:none}
.last-site-cta__pappaloop{border-radius: 0;max-width: none;}
#site-footer{background:var(--bg-body)}
.button-icon span{font-family: var(--ff-heading);}

.button--blue:hover{color:#fff;background:#024575}

/**
 * ==========================================================================
 * parent theme overrides
 * ==========================================================================
 */
button:focus,
button:focus-visible{outline-color:#000}
.site-main{margin:0}
h2+h3, .beta+h3{padding-top:0;border-top:0}
#pappasole-content-wrapper .storefront-breadcrumb .col-full{width: 100%;max-width: none;padding: 0;box-sizing: border-box;margin:0}
.storefront-breadcrumb{margin:0;padding:0}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text{background:#fff}

/**
 * ==========================================================================
 * shop elements style
 * ==========================================================================
 */
#pappasole-content-wrapper{padding:9.6rem 0 8.8rem}
.header-icon.cart-icon{position: relative;}
#cart-count-header{line-height: 1;width: 2rem;height: 2rem;display: inline-flex;position: absolute;background: #fc6b00;border-radius: 50%;place-content: center;align-items: center;color: #fff;bottom: 0;right: 0;transform: translateX(50%);font-size: 1.3rem;}
.woocommerce-breadcrumb{font-family: var(--ff-heading);}
.woocommerce-breadcrumb a{color:var(--primary-color)}

@media(min-width:1280px){
    #pappasole-content-wrapper{padding:12.8rem 0 8.8rem}
}


/**
 * ==========================================================================
 * pages style
 * ==========================================================================
 */
.wp-singular .entry-title{margin-top:4.4rem;color:var(--primary-color)}

@media(min-width:601px){
    .wp-singular .entry-title{font-size:6.4rem;margin-bottom:3.2rem;margin-top:1.6rem;}
}