/*
Theme Name: Portofinos Twenty Twenty-Five Child
Theme URI: https://www.facebook.com/Portofinosestetica
Description: Child theme minimale e raffinato per Centro Estetico Portofinos, basato su Twenty Twenty-Five.
Author: Portofinos
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: portofinos-twentytwentyfive-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --portofinos-primary: #a82526;
  --portofinos-primary-light: #c74b4c;
  --portofinos-primary-dark: #7e1a1b;
  --portofinos-bg: #faf8f6;
  --portofinos-bg-secondary: #f2ece7;
  --portofinos-ivory: #fffdfb;
  --portofinos-text: #2c2c2c;
  --portofinos-text-secondary: #6b6b6b;
  --portofinos-border: #ddd7d2;
  --portofinos-success: #6d8b5a;
}

html { scroll-behavior: smooth; }
body { background: var(--portofinos-bg); color: var(--portofinos-text); }

body{
	padding-top: 87px !important;
}

@media(max-width:768px){
  body {
    padding-top: 60px !important;
}
}
a { text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--portofinos-primary-dark); }
.wp-site-blocks { background: var(--portofinos-bg); }
.wp-block-button__link { transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.wp-block-navigation a { transition: color .2s ease; }
.wp-block-navigation a:hover { color: var(--portofinos-primary); }
.is-style-portofinos-card {
  background: var(--portofinos-ivory);
  border: 1px solid var(--portofinos-border);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(126, 26, 27, .06);
  padding: clamp(1.25rem, 3vw, 2rem);
}
.has-portofinos-soft-shadow { box-shadow: 0 18px 50px rgba(126, 26, 27, .08); }

/* Rimuove outline e ombre su click e focus */
a,
button,
input,
textarea,
select,
.wp-block-button__link,
.wp-block-navigation a {
	outline: none !important;
	box-shadow: none !important;
}

a:focus,
a:focus-visible,
a:hover,
button:focus,
button:focus-visible,
input:focus,
textarea:focus,
select:focus,
.wp-block-button__link:focus,
.wp-block-button__link:focus-visible,
.wp-block-navigation a:focus,
.wp-block-navigation a:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}/* pulsanti mobile */
/* Mobile */
.btn-portofinos .wp-block-button__link{
    width:clamp(220px, 45vw, 340px);
}

/* Hover menu Twenty Twenty-Five / Gutenberg */

.wp-block-navigation .wp-block-navigation-item__content{
    position: relative;
    display: inline-flex;
    text-decoration: none;
    color: inherit;
    transition: color .25s ease;
}

.wp-block-navigation .wp-block-navigation-item__content::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background-color: #a82526;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .35s ease;
}

.wp-block-navigation .wp-block-navigation-item__content:hover{
    color: #a82526;
}

.wp-block-navigation .wp-block-navigation-item__content:hover::after,
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after,
.wp-block-navigation .wp-block-navigation-item.current_page_item .wp-block-navigation-item__content::after{
    transform: scaleX(1);
}

/* BACKground custom immage*/
/* ===============================
   Decoro background sezione
================================== */

.portofinos-massaggi-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #a82526;

    /* texture leggera */
    background-image:
        radial-gradient(circle at 15% 20%, rgba(255,255,255,.20) 0 1px, transparent 2px),
        radial-gradient(circle at 80% 75%, rgba(255,255,255,.15) 0 1px, transparent 2px);

    background-size:
        90px 90px,
        120px 120px;
}


/* ===============================
   Cerchi concentrici alto sinistra
================================== */

.portofinos-massaggi-section::before{
    content:"";
    position:absolute;

    width:620px;
    height:620px;

    top:-260px;
    left:-260px;

    z-index:-1;

    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;

    box-shadow:
        0 0 0 80px rgba(255,255,255,.035),
        0 0 0 160px rgba(255,255,255,.025),
        0 0 0 240px rgba(255,255,255,.018);
}


/* ===============================
   Cerchi concentrici basso destra
================================== */

.portofinos-massaggi-section::after{
    content:"";
    position:absolute;

    width:620px;
    height:620px;

    right:-260px;
    bottom:-260px;

    z-index:-1;

    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;

    box-shadow:
        0 0 0 80px rgba(255,255,255,.035),
        0 0 0 160px rgba(255,255,255,.025),
        0 0 0 240px rgba(255,255,255,.018);
}