/*
Theme Name: Cucinotta Picciolo Child
Template: Divi
Version: 1.0
*/
:root{--gold:#c2b475;--brown:#493729;--beige:#f2efea;--sand:#ded7b4;--txt:#333}
body{font-family:'Mulish',sans-serif;color:var(--txt);font-size:16px;line-height:1.75}
h1,h2,h3,h4,.cop-serif{font-family:'Fraunces',serif!important;font-weight:400!important;color:var(--brown)}
#main-content .container:before{display:none}
#main-content p{padding-bottom:1em}
a{color:var(--brown)}
.cop-btn,.cop-wrap a.cop-btn{display:inline-block;font-family:'Fraunces',serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--brown)!important;background:#fff;border:2px solid var(--gold);border-radius:4px 14px 4px 14px;padding:9px 20px;transition:.3s}
.cop-btn:hover{background:var(--gold);color:#fff!important}
.cop-btn.cop-btn-solid{background:var(--gold);color:#fff!important}
.cop-btn.cop-btn-solid:hover{background:var(--brown);border-color:var(--brown)}
.cop-tel:before{content:'\260E';margin-right:8px;color:var(--gold)}
.cop-center{text-align:center}
.cop-line{display:block;width:110px;height:2px;background:var(--brown);margin:14px 0 22px}
.cop-center .cop-line{margin:14px auto 22px}
/* HEADER */
.cop-hdr{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);position:relative;z-index:99}
.cop-hdr .et_pb_row{display:flex;align-items:center}
.cop-logo img{width:170px;height:auto;display:block}
.cop-menu .et-menu>li>a{font-family:'Fraunces',serif;font-weight:600;font-size:13px;text-transform:uppercase;color:#222!important;padding:8px 10px!important;border:2px solid transparent;border-radius:4px 14px 4px 14px}
.cop-menu .et-menu>li.current-menu-item>a{border-color:var(--gold)}
.cop-menu .et-menu>li{padding:0 4px}
.cop-menu .et_pb_menu__menu>nav>ul>li{display:flex;align-items:center}
.cop-hdr-cta{text-align:right}
/* HERO */
.cop-hero{position:relative;min-height:640px;display:flex;align-items:center;background-size:cover!important;background-position:center!important}
.cop-hero:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.38)}
.cop-hero .et_pb_row{position:relative;z-index:2}
.cop-hero:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:70px;background:url(/wp-content/uploads/cop/hero_dentista.png) bottom center/100% 100% no-repeat;z-index:3}
.cop-hero-in{text-align:center;color:#fff}
.cop-hero-in img.cop-tooth{width:60px;filter:brightness(0) invert(1);margin-bottom:10px}
.cop-hero-in .cop-tag{font-family:'Fraunces',serif;color:var(--gold);font-size:24px;text-transform:uppercase;line-height:1.3;padding:0 0 8px!important}
.cop-hero-in h1{color:#fff!important;font-size:36px;text-transform:uppercase;line-height:1.25;padding:0}
.cop-hero-in .cop-sub{display:inline-block;font-family:'Fraunces',serif;font-size:22px;text-transform:uppercase;color:#fff;border-bottom:1px solid #000;padding:2px 10px 4px!important;margin-top:6px}
.cop-intro{max-width:1000px;margin:0 auto;text-align:center}
.cop-intro img{width:130px;margin:0 auto 18px;display:block}
/* SERVIZI */
.cop-servizi{background:linear-gradient(115deg,var(--sand) 0 50%,#fff 50%)}
.cop-servizi h2{text-align:center;text-transform:uppercase;font-size:28px}
.cop-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.cop-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px;padding:20px 14px;border-radius:14px;background:rgba(194,180,117,.55);box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.3s;text-decoration:none}
.cop-card:nth-child(even){background:rgba(255,255,255,.75)}
.cop-card:nth-child(even) span{color:var(--brown)}
.cop-card img{width:44px;margin-bottom:12px}
.cop-card span{font-family:'Fraunces',serif;font-weight:600;font-size:14px;color:#fff;text-transform:uppercase;line-height:1.3}
.cop-card:hover{transform:translateY(-4px);background:var(--gold)}
.cop-card:hover span{color:#fff}
/* SPLIT */
.cop-split .et_pb_row{display:flex;align-items:center}
.cop-frame img{border:1px solid var(--gold);padding:14px;background:#fff;width:100%}
.cop-split h2{font-size:30px;padding-bottom:0}
.cop-split ul{padding-left:0;list-style:none}
.cop-split ul li{padding-left:18px;position:relative;margin-bottom:8px}
.cop-split ul li:before{content:'•';position:absolute;left:0;color:var(--gold)}
.cop-beige{background:var(--beige)}
/* GALLERY */
.cop-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.cop-gal img{width:100%;height:220px;object-fit:cover;display:block}
/* CTA */
.cop-cta{position:relative;background-size:cover!important;background-position:center!important;min-height:360px;display:flex;align-items:flex-start}
.cop-cta-box{background:var(--gold);max-width:500px;margin:0 auto;text-align:center;padding:26px 20px 34px;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}
.cop-cta-box h2,.cop-cta-box h3{color:#fff!important;font-size:30px;padding-bottom:12px}
/* FAQ */
.cop-faq details{border-bottom:1px solid var(--sand);padding:16px 0}
.cop-faq summary{cursor:pointer;font-family:'Fraunces',serif;font-size:18px;color:var(--brown);list-style:none;position:relative;padding-right:30px}
.cop-faq summary::-webkit-details-marker{display:none}
.cop-faq summary:after{content:'+';position:absolute;right:0;color:var(--gold);font-size:24px;line-height:1}
.cop-faq details[open] summary:after{content:'–'}
.cop-faq details p{padding:12px 0 0!important}
/* STAFF */
.cop-staff{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.cop-staff.cop-staff-3{grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto}
.cop-member{text-align:center}
.cop-member img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--gold);padding:8px;background:#fff}
.cop-member h3{font-size:17px;padding-top:10px}
.cop-member p{font-size:14px}
/* CONTATTI */
.cop-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.cop-info>div{background:var(--beige);padding:30px 20px;border-radius:14px}
.cop-info h3{text-transform:uppercase;font-size:18px}
.cop-hours{width:100%;max-width:260px;margin:0 auto;font-size:15px}
.cop-hours td{padding:2px 0;border:0}
.cop-hours td:last-child{text-align:right}
.cop-map iframe{width:100%;height:380px;border:0;display:block}
.cop-form{max-width:760px;margin:0 auto}
.cop-form .wpforms-submit{background:var(--gold)!important;color:#fff!important;font-family:'Fraunces',serif!important;border-radius:4px 14px 4px 14px!important;text-transform:uppercase}
/* FOOTER */
.cop-foot{background:#fff;border-top:1px solid #eee}
.cop-foot-logo{text-align:center}
.cop-foot-logo img{width:170px}
.cop-foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;max-width:900px;margin:20px auto 0;font-size:14px}
.cop-foot-cols h4{font-family:'Fraunces',serif;text-transform:uppercase;font-weight:600!important;font-size:15px;color:var(--brown);padding-bottom:12px}
.cop-foot-cols p{padding-bottom:4px!important}
.cop-social a{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;color:#fff!important;margin:8px 3px 0;font-weight:700;font-size:14px}
.cop-bar{background:#000;color:#fff;font-size:12px;text-align:center;padding:10px 0}
.cop-bar a{color:#fff}
.cop-credit{display:inline-flex;align-items:center;gap:6px;margin-left:8px}
.cop-credit img{height:26px;width:auto;vertical-align:middle}
@media(max-width:980px){
.cop-hdr .et_pb_row{flex-wrap:wrap}.cop-cards{grid-template-columns:repeat(2,1fr)}.cop-gal{grid-template-columns:repeat(3,1fr)}.cop-staff{grid-template-columns:repeat(2,1fr)}.cop-staff.cop-staff-3{grid-template-columns:repeat(2,1fr)}.cop-info,.cop-foot-cols{grid-template-columns:1fr}.cop-split .et_pb_row{display:block}.cop-hero{min-height:480px}.cop-hero-in h1{font-size:26px}.cop-hero-in .cop-tag{font-size:18px}.cop-hdr-cta{display:none}}
@media(max-width:600px){.cop-gal img{height:130px}.cop-cards{gap:14px}}
.cop-menu .et-menu{flex-wrap:nowrap!important;justify-content:center}
.cop-menu .et_pb_menu__wrap{justify-content:center}
.cop-menu .et-menu>li>a{white-space:nowrap}
.cop-bar,.cop-bar p,.cop-bar .et_pb_text_inner{text-align:center!important}
@media(max-width:1200px){.cop-menu .et-menu>li>a{font-size:12px;padding:6px 6px!important}}
.cop-hours td{white-space:nowrap;padding:2px 6px}
.cop-hours{max-width:280px}
/* servizi a fasce (come originale) */
.cop-servizi{background:#fff!important}
.cop-band{position:relative}
.cop-band:before{content:'';position:absolute;top:0;bottom:0;background:#e2d9b8;z-index:0}
.cop-band-head{text-align:center;padding:40px 0 22px;margin-bottom:8px}
.cop-band-head:before,.cop-band-l:before{left:0;right:18%;clip-path:polygon(0 0,100% 0,calc(100% - 90px) 100%,0 100%)}
.cop-band-r:before{left:75%;right:0;clip-path:polygon(90px 0,100% 0,100% 100%,0 100%)}
.cop-band-head h2,.cop-band .cop-cards{position:relative;z-index:1}
.cop-band .cop-cards{max-width:960px;margin:0 auto;gap:0;padding:8px 0 40px}
.cop-servizi .cop-card{border-radius:16px;min-height:155px;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.cop-servizi .cop-card:nth-child(even){transform:translateY(30px)}
.cop-card.is-gold{background:#c4b26f!important}
.cop-card.is-gold img{filter:brightness(0) invert(1)}
.cop-card.is-gold span{color:#fff!important}
.cop-card.is-light{background:#f2efea!important}
.cop-card.is-light span{color:#c2b475!important}
.cop-card.is-light img{width:36px}
.cop-servizi .cop-card:hover{filter:brightness(1.05);box-shadow:0 8px 20px rgba(0,0,0,.15)}
@media(max-width:980px){.cop-band:before{display:none}.cop-servizi .cop-card:nth-child(even){transform:none}.cop-band .cop-cards{gap:14px;padding:8px 5% 14px}}
/* medicina estetica home (come originale) */
.cop-me .cop-me-row{display:flex;align-items:center}
.cop-me .cop-me-row>.et_pb_column:first-child{padding-left:5%;padding-right:2%}
.cop-me-imgs{display:flex;gap:4px}
.cop-me-frame{flex:1;position:relative;border:3px solid #c2b475;border-width:3px 2px 1px 3px;height:350px}
.cop-me-frame img{position:relative;left:33px;top:18px;width:calc(100% - 2px);height:347px;object-fit:cover;border:3px solid #fff;display:block}
.cop-me{overflow:hidden}
@media(max-width:980px){.cop-me .cop-me-row{display:block}.cop-me-imgs{flex-direction:column;gap:40px;padding-right:40px}.cop-me-frame,.cop-me-frame img{height:240px}}
/* hover menu */
.cop-menu .et-menu>li>a:hover{border-color:var(--gold);opacity:1!important}
.cop-menu .et-menu>li>a{transition:border-color .25s}
.cop-servizi .et_pb_row,.cop-me .et_pb_row{width:100%!important;max-width:100%!important}
.cop-me .cop-me-row>.et_pb_column:first-child{padding-left:8%}