/*
Theme Name: Sukses Bersama Law Firm
Theme URI: https://www.suksesbersamalawfirm.com/
Author: Sukses Bersama Law Firm
Description: Tema klasik firma hukum tiga bahasa dengan konten awal, pengaturan kontak, logo, halaman yang dapat diedit, dan formulir konsultasi berbasis draf.
Version: 1.3.0
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sukses-bersama
Tags: custom-logo, custom-menu, featured-images, translation-ready
*/
body.admin-bar header{top:32px}.wp-navigation{display:flex;gap:25px;list-style:none;margin:0;padding:0}.wp-navigation li{position:relative}.wp-navigation .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--paper);padding:15px;min-width:180px;list-style:none;box-shadow:0 5px 20px #0002}.wp-navigation li:hover>.sub-menu,.wp-navigation li:focus-within>.sub-menu{display:block}.custom-logo-link{display:flex;align-items:center;max-width:265px}.custom-logo{width:auto;height:auto;max-width:265px;max-height:64px}.official-portrait img{width:100%;height:100%;object-fit:cover}.article-art img{width:100%;height:100%;object-fit:cover}.article-art:has(img):before{display:none}.article-body img{max-width:100%;height:auto}.wp-block-html{margin:0}.wp-block-group{margin-top:0;margin-bottom:0}.wp-block-image img{max-width:100%;height:auto}.wp-block-table{overflow:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{padding:12px;border:1px solid var(--line)}@media(max-width:1020px){.wp-navigation{flex-direction:column;gap:5px}.wp-navigation .sub-menu{position:static;box-shadow:none}.wp-navigation li:focus-within>.sub-menu{display:block}}@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{top:0}.custom-logo,.custom-logo-link{max-width:175px;max-height:50px}}

/* Version 1.1: supplied identity and portrait, without image retouching. */
.official-logo-symbol{width:84px;height:64px;object-fit:contain;background:white;flex-shrink:0}.brand-name{font-size:14px}.brand{gap:12px}.hero-brand-panel{display:flex;align-items:center;justify-content:center;background:#e6e8de;padding:55px 35px;position:relative}.hero-brand-panel:before{content:'';position:absolute;inset:22px;border:1px solid #a6946d66}.hero-brand-frame{padding:40px 30px;max-width:480px;width:100%;background:#fff;text-align:center;box-shadow:0 12px 45px #142e3512}.hero-brand-frame img{display:block;width:100%;height:auto;object-fit:contain}.hero-brand-line{display:block;width:50px;height:1px;background:var(--gold);margin:30px auto 22px}.hero-brand-frame p{font-size:9px;letter-spacing:2.5px;color:var(--ink)}.home-service-grid{grid-template-columns:repeat(3,1fr)}.full-lawyer-name{font-size:clamp(23px,2.2vw,33px)!important;line-height:1.4!important;letter-spacing:-.025em!important}.portrait.official-portrait{height:530px;max-width:380px;width:100%;margin:0 auto;background:#e8e9e5}.official-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.team-feature .degrees{font-size:13px;margin-top:12px}.footer-grid>div:first-child{min-width:0}.footer-location{display:block;max-width:430px;line-height:1.8;overflow-wrap:anywhere}footer .official-logo-symbol{width:100px;height:76px}.hero-copy{padding-right:5%}header .brand-name{font-size:12px}.custom-logo{max-height:74px}
@media(max-width:1200px){.official-logo-symbol{width:68px;height:54px}.hero-brand-frame{padding:30px 20px}.hero-brand-panel{padding:40px 30px}header .brand-name{font-size:11px}}
@media(max-width:1020px){.home-service-grid{grid-template-columns:repeat(2,1fr)}.hero-brand-panel{padding:45px 22px}.hero-brand-frame{padding:28px 18px}.hero-brand-frame p{font-size:8px;letter-spacing:1px}.portrait.official-portrait{height:480px}.official-logo-symbol{width:67px;height:51px}}
@media(max-width:700px){.hero-brand-panel{min-height:230px;padding:32px 10%}.hero-brand-panel:before{inset:14px}.hero-brand-frame{padding:25px 23px;max-width:400px}.hero-brand-line{margin:20px auto 15px}.hero-brand-frame p{font-size:8px;letter-spacing:2px}.official-logo-symbol{width:46px;height:42px}.brand{gap:7px}.brand-name,header .brand-name{font-size:10px}.brand-name small{font-size:7px;letter-spacing:2px}.portrait.official-portrait{height:490px;max-width:330px}.full-lawyer-name{font-size:27px!important}.footer-brand .brand-name{font-size:12px}.footer-brand .official-logo-symbol{width:76px;height:62px}}
@media(max-width:380px){.home-service-grid{grid-template-columns:1fr}.official-logo-symbol{width:37px;height:37px}.brand-name,header .brand-name{font-size:9px}}

/* 1.1.1: remove the white card; blend white image areas with the site surface. */
.hero-brand-panel{isolation:isolate}
.hero-brand-frame{background:transparent;box-shadow:none;padding:25px 15px}
.hero-brand-frame img{mix-blend-mode:multiply}
.official-logo-symbol{background:transparent;mix-blend-mode:multiply}

/* 1.1.2: use the original complete wordmark in header and footer. */
.official-wordmark{display:block;width:235px;max-width:100%;height:auto;object-fit:contain;background:transparent;mix-blend-mode:multiply}
.footer-brand .official-wordmark{width:270px}
@media(max-width:1200px){header .official-wordmark{width:210px}}
@media(max-width:700px){header .official-wordmark{width:170px}.footer-brand .official-wordmark{width:240px}}
@media(max-width:380px){header .official-wordmark{width:145px}}

/* 1.2: spacious service catalogue with legal and corporate service groups. */
.service-catalog{display:flex;flex-direction:column;gap:65px}
.catalog-heading{max-width:700px;margin-bottom:30px}
.catalog-heading .eyebrow{margin-bottom:14px}
.catalog-heading h2{font-size:clamp(31px,3.2vw,45px);margin-bottom:17px}
.catalog-intro{font-size:15px;line-height:1.8;color:var(--muted);max-width:640px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;grid-auto-rows:1fr}
.catalog-grid .service-card{min-height:270px;padding:27px 30px 24px;background:#fff9;border:1px solid #d6dad0;position:relative;overflow:hidden;box-shadow:0 3px 14px #16343a03;transition:background .2s,border-color .2s,box-shadow .2s}
.catalog-grid .service-card:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:var(--gold);opacity:0;transition:opacity .2s}
.catalog-grid .service-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.catalog-grid .number{font-size:11px;letter-spacing:2px;line-height:1}
.service-icon{display:block;width:33px;height:33px;color:#8c7954}
.service-icon svg{width:100%;height:100%}
.catalog-grid .service-card h3{min-height:0;font-size:27px;line-height:1.3;max-width:480px;margin:0 0 16px;letter-spacing:-.018em}
.catalog-grid .service-card p{font-size:14px;line-height:1.85;max-width:500px;margin-bottom:25px;color:#607073}
.catalog-grid .card-link{padding-top:19px;border-top:1px solid #dce0d6;font-size:12px;letter-spacing:.1px}
.catalog-grid .card-link>span{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#e9ece3;border-radius:50%;font-size:15px}
.catalog-grid .service-card:hover{background:#fff;border-color:#bba57d;color:var(--ink);box-shadow:0 7px 22px #19343a0a}
.catalog-grid .service-card:hover:before{opacity:1}
.catalog-grid .service-card:hover p{color:#506265}
.catalog-grid .service-card:hover .number{color:#8c713f}
.catalog-business{background:var(--navy);padding:42px;color:var(--paper)}
.catalog-business .eyebrow{color:#d4bd96}
.catalog-business .catalog-intro{color:#c6d2d0}
.catalog-business .catalog-heading{margin-bottom:32px}
.catalog-business .service-card{background:#ffffff05;border-color:#59716e;box-shadow:none}
.catalog-business .service-card h3{color:#f4f2e9}
.catalog-business .service-card p{color:#c1cfcb}
.catalog-business .service-icon,.catalog-business .number{color:#dbc59f}
.catalog-business .card-link{border-top-color:#546c69;color:#f5f2e8}
.catalog-business .card-link>span{background:#ffffff12;color:#dec49a}
.catalog-business .service-card:hover{background:#24434b;border-color:#c4a878;color:var(--paper);box-shadow:none}
.catalog-business .service-card:hover p{color:#d7e0dc}
.catalog-business .service-card:hover .number{color:#dbc59f}
@media(max-width:1020px){.catalog-grid{gap:16px}.catalog-grid .service-card{padding:24px;min-height:285px}.catalog-grid .service-card h3{font-size:25px}.catalog-business{padding:32px}.service-catalog{gap:50px}}
@media(max-width:700px){.catalog-grid{grid-template-columns:1fr;gap:16px;grid-auto-rows:auto}.catalog-grid .service-card{min-height:250px;padding:25px}.catalog-grid .service-card h3{font-size:26px}.catalog-grid .service-card p{font-size:14px}.catalog-heading{margin-bottom:25px}.catalog-business{padding:29px 20px;margin-left:-3%;margin-right:-3%}.catalog-business .service-card{padding:23px}.service-catalog{gap:45px}.catalog-heading h2{font-size:32px}.service-icon{width:30px;height:30px}}

/* 1.2.2: supplied emblem, centred on the existing website background. */
.hero-brand-frame.emblem-frame{display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;max-width:440px;padding:0}
.hero-brand-frame.emblem-frame img{display:block;width:100%;max-height:460px;height:auto;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:700px){.hero-brand-panel:has(.emblem-frame){min-height:310px;padding:30px 12%}.hero-brand-frame.emblem-frame{max-width:340px}.hero-brand-frame.emblem-frame img{max-height:310px}}

/* Genuine alpha assets: no browser-dependent white-background blending. */
.official-wordmark,.official-logo-symbol,.hero-brand-frame img,.hero-brand-frame.emblem-frame img{background:transparent!important;mix-blend-mode:normal!important}