/*
Theme Name: PA — SSonic
Theme URI: https://ssonic.ro
Author: SSonic
Author URI: https://ssonic.ro
Description: Catalog de proiecte de arhitectură. Temă independentă, adaptată pentru desktop și mobil.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pa-ssonic
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--paper:#f7f7f2;--white:#fff;--ink:#202928;--muted:#5f6b66;--accent:#087d74;--accent-dark:#05695f;--line:#dce2db;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}p{margin:0 0 1.25rem}h1,h2,h3{margin:0;line-height:1.14;letter-spacing:-.04em;font-weight:500}h1{font-size:clamp(2.5rem,4.7vw,4.6rem)}h2{font-size:clamp(2rem,3.1vw,3.1rem)}h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.025em}em{font-family:var(--serif);font-weight:400;color:var(--accent)}.wrap{max-width:1360px;margin-inline:auto;padding-inline:56px}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.17em;font-weight:700;line-height:1.6;margin-bottom:20px;color:var(--accent)}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:54px;padding:14px 23px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:.83rem;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s}.button:hover{background:var(--accent-dark)}.button span{font-size:1.2rem}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:.85rem;font-weight:600;line-height:1.6}.text-link span{font-size:1.2rem;color:var(--accent)}.text-link:hover{color:var(--accent)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:15px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{max-width:1360px;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 56px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:1rem;letter-spacing:-.025em;font-weight:600;line-height:1.2;flex-shrink:0}.brand img{width:65px;height:57px;object-fit:contain;mix-blend-mode:multiply}.brand-second{display:block}.brand-dot{color:var(--accent)}.primary-nav{display:flex;align-items:center;gap:30px;font-size:.81rem;font-weight:600}.primary-nav a{position:relative;padding:8px 0;white-space:nowrap}.primary-nav a[aria-current=page]::after{content:'';height:2px;background:var(--accent);position:absolute;left:0;right:0;bottom:0}.primary-nav a:hover{color:var(--accent)}.header-phone{display:flex;gap:15px;font-size:.8rem;font-weight:600;white-space:nowrap}.header-phone span{color:var(--accent);font-size:1.1rem}.nav-toggle{background:transparent;border:1px solid var(--line);padding:9px 13px;font-size:.8rem;cursor:pointer}.nav-toggle:not([hidden]){display:none}
.hero{display:grid;grid-template-columns:.9fr 1.15fr;gap:46px;padding-top:62px;padding-bottom:76px;align-items:center;min-height:640px}.hero-copy{padding:24px 0 16px}.hero-copy h1{font-size:clamp(2.7rem,4.4vw,4.35rem);line-height:1.12;letter-spacing:-.05em;margin-bottom:27px}.hero-copy h1 em{display:inline-block;white-space:nowrap}.hero-description{max-width:410px;font-size:.93rem;line-height:1.85;color:var(--muted);margin-bottom:29px}.hero-image{height:480px;position:relative;margin:0;overflow:hidden;background:#e6ebe1}.hero-image>img{width:100%;height:100%;object-fit:cover}.hero-image figcaption{position:absolute;left:24px;bottom:24px;right:24px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96)}.hero-image figcaption>div{display:flex;flex-direction:column}.hero-image figcaption .eyebrow{margin:0 0 5px;font-size:.6rem}.hero-image figcaption strong{font-size:1.05rem;font-weight:600}.hero-image figcaption span:last-child{font-size:.7rem;color:var(--muted)}.hero-image figcaption>a{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;font-size:1.4rem;color:var(--accent)}.hero-note{display:flex;gap:16px;align-items:center;margin-top:40px;font-size:.69rem;color:var(--muted);line-height:1.8}.note-line{width:35px;flex:none;height:1px;background:var(--accent)}.catalog-section{padding-top:52px;padding-bottom:85px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{font-size:.85rem;color:var(--muted);max-width:290px;margin-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.project-card{min-width:0}.project-card-image{display:block;aspect-ratio:1.48;overflow:hidden;position:relative;background:#e6eae4}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.project-card:hover .project-card-image img{transform:scale(1.025)}.project-code{position:absolute;left:15px;top:15px;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;background:rgba(255,255,255,.95)}.project-card-body{padding:20px 0 0}.project-card h3{font-size:1.04rem;font-weight:600;line-height:1.4;margin-bottom:11px;letter-spacing:-.025em}.project-summary{font-size:.73rem;color:var(--muted);line-height:1.65;min-height:1.65em;margin-bottom:15px}.project-card .text-link{font-size:.73rem}.approach-section{background:#e9eee7;padding-block:75px}.approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.approach-inner h2{margin-bottom:23px}.approach-inner>div>p:not(.eyebrow){max-width:440px;font-size:.88rem;color:var(--muted);line-height:1.9}.approach-steps{list-style:none;margin:0;padding:0}.approach-steps li{display:flex;gap:23px;padding:23px 0;border-bottom:1px solid #ccd7cc}.approach-steps li:first-child{padding-top:5px}.approach-steps li>span{font-size:.7rem;color:var(--accent);padding-top:4px;flex-shrink:0}.approach-steps h3{font-size:1.15rem;margin-bottom:9px}.approach-steps p{font-size:.83rem;color:var(--muted);margin:0;line-height:1.8}.contact-band{margin-block:76px;padding:40px 0;display:flex;justify-content:space-between;gap:40px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-band .eyebrow{margin-bottom:14px}.contact-band h2{font-size:clamp(1.8rem,2.65vw,2.7rem);margin-bottom:18px}.contact-band p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:.88rem;margin:0}.contact-band .button{flex-shrink:0}.site-footer{background:var(--ink);color:#edf1e9;padding-top:49px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:43px}.footer-brand{font-size:1.3rem;letter-spacing:-.04em;font-weight:500}.footer-brand span{color:#67baac}.footer-top p{font-size:.75rem;color:#b4c3bd;margin:13px 0 0}.footer-contact{display:flex;flex-direction:column;gap:4px;font-size:.83rem}.footer-contact a:hover{color:#79d3c2}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #46504b;padding-top:20px;padding-bottom:20px;font-size:.66rem;color:#b4c3bd}.footer-bottom a{color:#fff}.footer-bottom a:hover{text-decoration:underline}
.page-intro{padding-top:65px;padding-bottom:45px}.page-intro h1{margin-bottom:25px}.page-intro>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:.93rem}.catalog-list{padding-bottom:15px}.catalog-filters{display:flex;align-items:flex-end;gap:16px;padding:25px;background:#e9eee7}.filter-heading{font-size:.77rem;font-weight:600;flex:1;align-self:center;max-width:150px;margin-right:auto}.catalog-filters label{font-size:.66rem;letter-spacing:.04em;min-width:130px;flex:1}.catalog-filters select{display:block;margin-top:5px;width:100%;border:1px solid #cbd7ca;border-radius:0;min-height:46px;background:#fff;padding:10px 14px;font-size:.8rem;color:var(--ink)}.catalog-filters .button{min-height:46px;padding:11px 19px;font-size:.75rem}.reset-link{font-size:.7rem;align-self:center;color:var(--muted);padding-top:19px}.reset-link:hover{text-decoration:underline}.result-count{font-size:.72rem;color:var(--muted);margin:30px 0 22px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}.pagination .page-numbers{display:inline-block;min-width:40px;padding:7px 12px;font-size:.78rem;border:1px solid var(--line)}.pagination .current{background:var(--accent);color:white;border-color:var(--accent)}.empty-state{padding:50px;background:white}.empty-state h2{font-size:1.6rem;margin-bottom:20px}
.project-detail{padding-top:35px}.back-link{font-size:.75rem;color:var(--muted)}.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:36px 0}.project-heading>div{max-width:820px}.project-heading h1{font-size:clamp(2.2rem,3.5vw,3.55rem)}.project-heading .eyebrow{margin-bottom:15px}.project-heading .button{flex-shrink:0}.gallery-main{display:block;position:relative;background:#e6ebe1;max-height:680px;overflow:hidden}.gallery-main>img{width:100%;max-height:680px;object-fit:cover}.zoom-label{position:absolute;bottom:20px;right:20px;background:rgba(255,255,255,.95);padding:8px 15px;font-size:.7rem}.gallery-thumbnails{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:12px}.gallery-thumbnails a{aspect-ratio:1.4;overflow:hidden;background:#e6ebe1}.gallery-thumbnails img{width:100%;height:100%;object-fit:cover}.gallery-thumbnails a:hover{outline:2px solid var(--accent);outline-offset:2px}.project-information{display:grid;grid-template-columns:1.25fr .85fr;gap:75px;padding-block:70px}.project-description h2{margin-bottom:30px}.prose{font-size:.96rem;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.prose h2,.prose h3{color:var(--ink);margin:30px 0 20px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose img{max-width:100%;height:auto}.prose iframe{max-width:100%}.prose figure{margin-inline:0}.project-specs{background:#e9eee7;padding:30px;align-self:start}.project-specs h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:22px}.project-specs dl{margin:0}.project-specs dl>div{display:flex;justify-content:space-between;gap:15px;font-size:.8rem;padding:11px 0;border-bottom:1px solid #ccd7cc}.project-specs dt{color:var(--muted)}.project-specs dd{margin:0;font-weight:600;text-align:right}.project-specs p{font-size:.74rem;color:var(--muted);margin:23px 0 12px}.project-plans{border-top:1px solid var(--line);padding-top:55px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.plan-grid>a{background:white;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.plan-grid>a>img{max-height:650px;width:100%;object-fit:contain}.plan-grid>a>span{font-size:.8rem;display:flex;justify-content:space-between;padding-top:20px;margin-top:18px;border-top:1px solid var(--line)}.dialog-open{overflow:hidden}.image-dialog{border:0;padding:50px 55px 30px;background:var(--ink);color:white;width:95vw;max-width:1600px;max-height:96vh;overflow:auto}.image-dialog::backdrop{background:rgba(16,23,20,.85)}.image-dialog>img{max-height:76vh;width:100%;object-fit:contain;background:#fff}.dialog-close{position:absolute;right:18px;top:10px;color:#fff;background:transparent;border:0;cursor:pointer;padding:6px;font-size:.78rem}.dialog-prev,.dialog-next{position:absolute;top:45%;background:white;border:0;width:38px;height:46px;color:var(--ink);font-size:1.3rem;cursor:pointer}.dialog-prev{left:7px}.dialog-next{right:7px}.dialog-caption{font-size:.75rem;text-align:center;margin:16px 0 0}.simple-page{padding-bottom:45px;min-height:50vh}.simple-page>.page-intro{padding-inline:0}.page-content{max-width:900px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-bottom:40px}.contact-details{background:#e9eee7;padding:32px;align-self:start}.contact-details h2{font-size:1.8rem;margin-bottom:25px}.contact-details p{font-size:.85rem;color:var(--muted)}.contact-details>a{display:block;font-size:.85rem;color:var(--accent);margin:12px 0;overflow-wrap:anywhere}.contact-context{border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.contact-content input:not([type=submit]):not([type=checkbox]):not([type=radio]),.contact-content textarea{width:100%;padding:12px;background:white;border:1px solid #cbd7ca;max-width:100%;border-radius:0;font-size:.9rem}.contact-content label{font-size:.85rem}.contact-content textarea{min-height:150px}.contact-content input[type=submit]{background:var(--accent);color:white;border:0;padding:15px 25px;cursor:pointer}.contact-content .wpcf7-spinner{vertical-align:middle}.contact-content .wpcf7-not-valid-tip{font-size:.78rem}.contact-content .wpcf7-response-output{font-size:.83rem;margin-inline:0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.project-features{border-top:1px solid var(--line);padding-block:42px}.project-features h2{font-size:2rem;margin-bottom:25px}.project-features .eyebrow{margin-bottom:14px}.feature-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.feature-chips li{padding:9px 15px;background:#e9eee7;font-size:.8rem}.feature-chips li>span{color:var(--accent);margin-right:6px}
@media(min-width:1500px){.hero-image{height:520px}}
@media(max-width:1100px){.wrap{padding-inline:35px}.header-inner{padding-inline:35px;gap:20px}.primary-nav{gap:21px}.header-phone{font-size:.7rem;gap:8px}.hero{gap:30px;padding-top:35px;min-height:560px}.hero-copy h1{font-size:clamp(2.7rem,4.6vw,4rem)}.hero-image{height:430px}.hero-image figcaption{left:15px;right:15px;bottom:15px;padding:15px}.approach-inner{gap:60px}.catalog-filters{flex-wrap:wrap}.filter-heading{width:100%;flex-basis:100%;max-width:none}.project-information{gap:45px}.project-heading{align-items:start}.project-heading .button{font-size:.75rem}.contact-layout{gap:40px}}
@media(max-width:800px){.header-inner{min-height:90px}.header-phone{display:none}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero-copy h1{font-size:2.65rem}.hero-copy h1 em{white-space:normal}.hero-image{height:450px}.hero-image figcaption{padding:12px;gap:8px}.hero-image figcaption>a{width:30px;height:35px;flex-shrink:0}.hero-image figcaption strong{font-size:.9rem}.hero-image figcaption span:last-child{font-size:.6rem}.hero-description{font-size:.84rem}.hero-note{margin-top:28px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.approach-inner{gap:35px}.contact-band{gap:25px}.contact-band .button{font-size:.75rem;padding-inline:18px}.project-heading{flex-direction:column;gap:20px}.gallery-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}.project-information{grid-template-columns:1fr;gap:35px;padding-block:45px}.contact-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.wrap{padding-inline:22px}.header-inner{padding:13px 22px;position:relative;flex-wrap:wrap;gap:14px;min-height:83px}.brand{font-size:.89rem}.brand img{width:51px;height:45px}.nav-toggle:not([hidden]){display:flex;gap:16px}.primary-nav{width:100%;justify-content:space-between;font-size:.75rem;gap:15px;border-top:1px solid var(--line);padding-top:10px}.has-navigation-js .primary-nav{display:none}.has-navigation-js .primary-nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:42px;min-height:0}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(2.45rem,9.5vw,3.5rem);margin-bottom:23px}.hero-copy h1 em{white-space:nowrap}.hero-copy .eyebrow{margin-bottom:18px}.hero-description{font-size:.88rem;line-height:1.8;max-width:440px;margin-bottom:25px}.hero-note{margin-top:25px}.hero-image{height:auto;aspect-ratio:1.02}.hero-image figcaption{left:15px;right:15px;bottom:15px;padding:14px 15px}.hero-image figcaption>a{width:37px;height:40px}.hero-image figcaption strong{font-size:1rem}.hero-image figcaption span:last-child{font-size:.66rem}.catalog-section{padding-top:40px;padding-bottom:45px}.section-heading{align-items:start;gap:20px;flex-direction:column;margin-bottom:27px}.section-heading h2{font-size:2.05rem}.section-heading .text-link{font-size:.78rem}.project-grid{grid-template-columns:1fr;gap:33px}.project-card-image{aspect-ratio:1.55}.project-card-body{padding-top:17px}.project-card h3{font-size:1.08rem;margin-bottom:10px}.project-summary{font-size:.76rem;margin-bottom:13px}.project-card .text-link{font-size:.76rem}.approach-section{padding-block:43px}.approach-inner{grid-template-columns:1fr;gap:28px}.approach-inner h2{font-size:2.15rem}.approach-steps li{padding-block:20px}.approach-steps h3{font-size:1.1rem}.contact-band{margin-block:42px;padding-block:30px;flex-direction:column;align-items:start;gap:25px}.contact-band h2{font-size:2rem}.contact-band p:not(.eyebrow){font-size:.85rem}.footer-top{flex-direction:column;align-items:start;gap:30px;padding-bottom:35px}.site-footer{padding-top:35px}.footer-brand{font-size:1.2rem}.footer-contact{font-size:.8rem}.footer-bottom{font-size:.6rem;gap:15px;padding-top:18px;padding-bottom:18px}.page-intro{padding-top:42px;padding-bottom:27px}.page-intro h1{font-size:2.5rem}.page-intro>p:not(.eyebrow){font-size:.88rem}.catalog-filters{gap:13px;padding:20px}.catalog-filters label{min-width:calc(50% - 13px);flex:1}.catalog-filters .button{flex:1}.catalog-filters .reset-link{padding:0;flex:1;text-align:center}.result-count{margin-top:25px}.project-detail{padding-top:24px}.project-heading{margin:25px 0}.project-heading h1{font-size:2.1rem}.gallery-main>img{min-height:240px;object-fit:cover}.zoom-label{bottom:12px;right:12px;font-size:.61rem;padding:6px 9px}.gallery-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.project-information{padding-block:35px}.project-description h2{font-size:2rem;margin-bottom:23px}.prose{font-size:.89rem}.project-specs{padding:24px}.project-specs dl>div{font-size:.76rem}.project-plans{padding-top:35px}.plan-grid{grid-template-columns:1fr;gap:20px}.plan-grid>a{padding:15px}.image-dialog{padding:48px 37px 22px;width:100vw;max-height:96vh}.dialog-prev,.dialog-next{width:29px;height:42px}.dialog-prev{left:3px}.dialog-next{right:3px}.image-dialog>img{max-height:72vh}.dialog-caption{font-size:.65rem}.contact-details{padding:24px}.contact-details h2{font-size:1.7rem}.contact-details>a{font-size:.76rem}.empty-state{padding:30px}.empty-state h2{font-size:1.5rem}}
@media(max-width:360px){.wrap,.header-inner{padding-inline:18px}.hero-copy h1{font-size:2.35rem}.hero-image figcaption{left:10px;right:10px;bottom:10px;padding:12px}.hero-image figcaption span:last-child{font-size:.61rem}.primary-nav{gap:8px;font-size:.7rem}.footer-bottom{flex-wrap:wrap}.catalog-filters label{min-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
