/*
Theme Name: Socialrise 2026
Theme URI: https://socialrise.de
Author: Socialrise
Description: Tema su misura per socialrise.de — works, about, services, contacts.
Version: 1.6
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: socialrise
*/
:root{--bg:#f2f0ec;--red:#fc3b2b;--ink:#111;--pad:clamp(14px,1.6vw,28px)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
body.sr-red{background:var(--red)}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}

/* NAV */
.sr-nav{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--pad);padding:var(--pad);background:var(--bg);font-weight:600;font-size:clamp(15px,1.25vw,20px)}
body.sr-red .sr-nav{background:var(--red)}
body.admin-bar .sr-nav{top:32px}
.sr-nav .links{display:flex;justify-content:space-between}
.sr-nav a:hover{opacity:.55}
.sr-main{padding:0 var(--pad)}

/* MEDIA */
.ph{position:relative;background:#cfccc6;overflow:hidden}
.ph img,.ph video{width:100%;height:100%;object-fit:cover}
.reel{aspect-ratio:1852/936;margin-top:calc(var(--pad)*.6)}

/* HOME */
.proj{margin-top:clamp(28px,3vw,56px);display:block}
.proj h3{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.proj h3 b{font-family:"Helvetica Neue Condensed","HelveticaNeue-CondensedBold",Helvetica,Arial,sans-serif;font-stretch:condensed;font-weight:700;text-transform:uppercase;font-size:clamp(17px,1.4vw,24px)}
.proj h3 small{font-size:10px;font-weight:700;text-transform:uppercase}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pair .ph{aspect-ratio:922/1224}

/* WORKS LIST */
.workslist{padding:clamp(30px,4vw,60px) 0 40px;font-weight:700;font-size:clamp(22px,2.6vw,44px);line-height:1.12}
.workslist a{display:flex;align-items:baseline;gap:12px}
.workslist a small{font-size:10px}
.workslist a:hover{opacity:.5}

/* SINGLE WORK (content made of Gutenberg blocks) */
.sr-work{padding-top:20px}

.sr-work .sr-head{font-family:"Helvetica Neue Condensed","HelveticaNeue-CondensedBold",Helvetica,Arial,sans-serif;font-stretch:condensed;font-weight:700;font-size:clamp(15px,1.2vw,20px);text-transform:uppercase;width:calc(50% - 3px);float:left;margin:clamp(40px,4vw,70px) 0 14px}
.sr-work .sr-with{font-family:"Helvetica Neue Condensed","HelveticaNeue-CondensedBold",Helvetica,Arial,sans-serif;font-stretch:condensed;font-weight:700;font-size:clamp(15px,1.2vw,20px);text-transform:uppercase;margin:clamp(40px,4vw,70px) 0 14px calc(50% + 3px)}
.sr-work .wp-block-gallery,.sr-work .sr-grid{clear:both;display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;margin:0 0 6px}
.sr-work .wp-block-gallery.sr-cover{display:none!important}
.sr-work .wp-block-gallery figure.wp-block-image{width:100%!important;margin:0!important;aspect-ratio:3/4;overflow:hidden}
.sr-work .wp-block-gallery figure.wp-block-image img{width:100%;height:100%!important;object-fit:cover}
.sr-work .wp-block-image{margin:0 0 6px;clear:both}
.sr-work .wp-block-video{clear:both;margin:0 0 6px}
.sr-work .wp-block-video video{width:100%}
.sr-work p:not(.sr-head):not(.sr-with){clear:both;font-size:clamp(11px,.85vw,13px);font-weight:600;line-height:1.35;max-width:110ch;margin:0 0 18px}

/* ABOUT */
.manifesto{font-weight:700;font-size:clamp(18px,1.75vw,30px);line-height:1.22;max-width:60ch;padding-top:clamp(20px,3vw,50px)}
.manifesto p{margin-bottom:1.05em}
.clients{font-weight:700;font-size:clamp(17px,1.6vw,27px);line-height:1.16;margin-top:clamp(60px,8vw,140px);padding-bottom:80px}
.clients h4{font-size:inherit;margin-bottom:1.1em}

/* SERVICES */
.services{padding:clamp(30px,4vw,60px) 0 30px;font-size:clamp(14px,1.45vw,22px);line-height:1.22}
.services .wp-block-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--pad);margin-bottom:40px}
.services h4,.services h2,.services h3{font-weight:700;font-size:inherit;margin-bottom:.6em}
.services ul{list-style:none}
.services li{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* PLAIN PAGES (privacy etc.) */
.sr-page{font-size:13px;line-height:1.5;max-width:900px;padding:40px 0 80px}
.sr-page h1{font-size:15px;margin-bottom:10px}
.sr-page h2,.sr-page h3{font-size:13px;margin:22px 0 4px}
.sr-page ul{margin-left:18px}
.sr-page p{margin-bottom:.6em}

/* FOOTER */
.sr-footer{background:var(--red);margin-top:clamp(50px,6vw,90px);padding:clamp(40px,5vw,70px) var(--pad) 28px;font-size:10px;letter-spacing:.03em;text-transform:uppercase;display:grid;grid-template-columns:18% 1fr 20%;grid-template-rows:auto auto 1fr;row-gap:44px}
body:not(.sr-red) .sr-footer{border-top:none}
body.sr-red:not(.sr-contacts) .sr-footer{border-top:6px solid #fff}
.sr-footer .copy,.sr-footer .priv{align-self:end;margin-top:60px}
.sr-footer a:hover{text-decoration:underline}
body.sr-contacts{height:56.25vw;display:flex;flex-direction:column;overflow:hidden}
body.sr-contacts .sr-main{display:none}
body.sr-contacts .sr-footer{flex:1;margin-top:0;padding-top:clamp(30px,4vw,60px)}
body.sr-contacts .sr-footer .copy,body.sr-contacts .sr-footer .priv{margin-top:0}

/* solo nome cliente: niente talent / credits */
.proj h3 small,.workslist a small,.sr-work .sr-with{display:none}

/* NEWSLETTER (MC4WP) */
.sr-nl-toggle{font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:0;padding:0;color:inherit;cursor:pointer}
.sr-nl-toggle:hover{text-decoration:underline}
.sr-nl-form{margin-top:14px;max-width:260px}
.sr-nl-form p{margin:0 0 8px}
.sr-nl-form label{font-size:0}
.sr-nl-form input[type=email],.sr-nl-form input[type=text]{width:100%;font:inherit;font-size:10px;letter-spacing:.03em;text-transform:uppercase;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:6px 0;color:var(--ink);outline:none;border-radius:0}
.sr-nl-form input::placeholder{color:var(--ink);opacity:.6}
.sr-nl-form input[type=submit],.sr-nl-form button{font:inherit;font-size:10px;letter-spacing:.03em;text-transform:uppercase;background:none;border:0;padding:4px 0;color:var(--ink);cursor:pointer;text-decoration:underline}
.sr-nl-form .mc4wp-response{font-size:10px;margin-top:6px}
@media(max-width:760px){
 .sr-nav{grid-template-columns:1fr;row-gap:12px}
 .sr-nav .links{justify-content:flex-start;gap:22px}
 .services .wp-block-columns{grid-template-columns:1fr}
 .sr-footer{grid-template-columns:1fr 1fr}
 .reel{aspect-ratio:4/3}
 body.sr-contacts{height:auto;min-height:100vh}
 .sr-work .sr-head,.sr-work .sr-with{float:none;width:auto;margin:30px 0 6px}
}