/*
Theme Name: Freelance Guruji Studio
Theme URI: https://freelanceguruji.com/
Author: Freelance Guruji
Description: Mustard-yellow editorial theme for independent work, technology, business and ethical security. Responsive, accessible, WooCommerce-ready and compatible with Rank Math.
Version: 1.0.2
Requires at least: 6.4
Tested up to: 7.1
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: freelance-guruji
Tags: blog, e-commerce, custom-logo, custom-menu, featured-images, translation-ready, wide-blocks
*/
:root{--yellow:#d6ab22;--yellow-soft:#f8edc8;--ink:#20221e;--muted:#5e6258;--paper:#faf9f5;--surface:#fff;--line:#dedfd4;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #765c00;outline-offset:5px}h1,h2,h3,h4{line-height:1.14;letter-spacing:-.035em;margin:0 0 24px}h1{font-size:clamp(36px,5vw,64px)}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:24px}p{margin:0 0 24px}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-120px;background:var(--ink);color:#fff;padding:16px;z-index:100}.skip-link:focus{top:16px}.topline{background:var(--ink);color:#f5f4e9;padding:9px 0;font-size:14px}.topline .wrap{display:flex;justify-content:space-between;gap:24px}.topline a{color:#efcf59}.site-header{position:sticky;top:0;background:rgba(250,249,245,.97);border-bottom:1px solid var(--line);z-index:30}.admin-bar .site-header{top:32px}.header-inner{display:flex;align-items:center;gap:32px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:228px}.brand img{width:240px;height:auto}.custom-logo-link img{max-width:240px;max-height:64px;width:auto}.site-nav{margin-left:auto}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}.site-nav a{font-size:15px;font-weight:600;text-decoration:none;display:flex;align-items:center;min-height:44px}.site-nav a:hover{color:#735500}.site-nav li{position:relative}.site-nav li ul{display:none;position:absolute;background:var(--surface);border:1px solid var(--line);padding:16px;min-width:220px}.site-nav li:hover>ul,.site-nav li:focus-within>ul{display:block}.menu-toggle{display:none;background:var(--yellow);border:0;border-radius:6px;padding:10px 16px;min-height:44px}.search-toggle{color:var(--ink);background:none;border:1px solid var(--line);border-radius:6px;min-height:44px;padding:8px 14px}.search-panel{padding:24px;border-top:1px solid var(--line)}[hidden]{display:none!important}.search-form{display:flex;gap:8px}.search-form label{flex:1}.search-field{width:100%;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px}.search-submit,.button,.wp-block-button__link,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:0;border-radius:6px;background:var(--yellow);color:#20221e;font-weight:700;text-decoration:none}.button.secondary{background:transparent;border:1px solid var(--ink)}.button:hover,.search-submit:hover{background:#e7bf3c}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:56px;padding-block:72px}.eyebrow{display:block;font-size:13px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.eyebrow:before{content:"";display:inline-block;width:24px;height:3px;background:var(--yellow);vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(40px,5.1vw,68px);line-height:1.05;margin-bottom:28px}.hero h1 em{font-style:normal;background:linear-gradient(transparent 63%,var(--yellow) 63%);padding-right:6px}.hero p{color:var(--muted);max-width:500px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-image{position:relative}.hero-image img{height:440px;width:100%;object-fit:cover;border-radius:12px}.hero-note{position:absolute;bottom:24px;left:24px;right:24px;background:var(--surface);padding:16px 20px;border-radius:8px;font-size:14px;box-shadow:0 4px 12px #00000009}.hero-note strong{display:block;font-size:19px}.topic-bar{border-block:1px solid var(--line);padding:20px 0}.topic-links{display:flex;gap:8px 24px;justify-content:space-between;flex-wrap:wrap}.topic-links a{font-size:14px;font-weight:650;text-decoration:none;min-height:44px;display:flex;align-items:center}.topic-links a:hover{text-decoration:underline}.section{padding-block:64px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head h2{margin:0}.section-head p{margin:0;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .25s,border-color .25s}.post-card:hover{transform:translateY(-4px);border-color:var(--yellow)}.card-media img{aspect-ratio:16/10;width:100%;object-fit:cover;transition:transform .35s}.card-media{overflow:hidden;display:block}.post-card:hover .card-media img{transform:scale(1.035)}.card-body{padding:24px}.post-card h3{font-size:23px;margin:12px 0 16px}.post-card h3 a{text-decoration:none}.post-card p{font-size:15px;color:var(--muted);margin-bottom:20px}.category-label{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:750;color:#765900}.post-meta{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.fallback-media{height:220px;background:var(--yellow-soft);display:flex;align-items:center;justify-content:center}.fallback-media img{width:72px;height:72px;object-fit:contain;aspect-ratio:1}.paths{background:var(--ink);color:#f8f7ee}.paths .eyebrow{color:#e8ce73}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.path-card{border:1px solid #ffffff33;padding:32px;border-radius:8px}.path-card .number{color:#e0bd43;font-size:14px;display:block;margin-bottom:32px}.path-card h3{margin-bottom:16px}.path-card p{color:#cbcec1;font-size:16px}.path-card a{color:#e9c952;font-weight:700;display:inline-block;min-height:44px}.editorial-note{display:grid;grid-template-columns:1fr 1fr;gap:64px;background:var(--yellow-soft);border-radius:12px;padding:48px}.editorial-note h2{margin:0}.editorial-note p{margin:0;color:#44483d}.archive-header{padding-block:56px;border-bottom:1px solid var(--line);margin-bottom:40px}.archive-header p{color:var(--muted);max-width:720px}.pagination{margin-top:40px}.page-numbers{display:inline-block;border:1px solid var(--line);padding:8px 16px;margin-right:4px}.page-numbers.current{background:var(--yellow);color:#20221e}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--yellow);z-index:99}.article-header{max-width:900px;margin:56px auto 40px;text-align:center}.article-header h1{margin-top:16px}.article-header .post-meta{justify-content:center}.article-cover{max-width:1060px;margin:0 auto 48px}.article-cover img{width:100%;max-height:570px;object-fit:cover;border-radius:12px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 240px;gap:56px;justify-content:center}.entry-content{font-size:18px;overflow-wrap:anywhere}.entry-content h2{font-size:32px;margin-top:48px}.entry-content h3{font-size:25px;margin-top:32px}.entry-content p{margin-bottom:28px}.entry-content a{text-decoration:underline;color:#735700}.entry-content ul,.entry-content ol{padding-left:28px}.entry-content li{margin-bottom:12px}.entry-content img{border-radius:8px}.entry-content figcaption{font-size:14px;color:var(--muted);margin-top:12px}.entry-content blockquote{border-left:4px solid var(--yellow);margin:32px 0;padding:16px 24px;background:var(--yellow-soft)}.entry-content pre{background:#20221e;color:#fff;padding:24px;overflow:auto;border-radius:8px;white-space:pre}.entry-content table{border-collapse:collapse;width:100%;font-size:16px;display:block;overflow:auto}.entry-content td,.entry-content th{padding:12px;border:1px solid var(--line)}.entry-content .alignwide{width:100%}.article-aside{align-self:start;position:sticky;top:140px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:24px;font-size:14px}.article-aside h2{font-size:18px}.article-aside ol{padding-left:20px}.article-aside li{margin-bottom:12px}.article-aside a{text-decoration:none}.article-aside a:hover{text-decoration:underline}.article-footer{max-width:740px;margin:48px auto;border-top:1px solid var(--line);padding-top:24px}.post-navigation{margin:32px 0}.nav-links{display:flex;gap:24px;justify-content:space-between}.nav-previous,.nav-next{flex:1}.comments-area{max-width:740px;margin:48px auto}.comments-area h2{font-size:28px}.comment-list{padding-left:24px}.comment-body{border-bottom:1px solid var(--line);padding:24px 0}.comment-form label{display:block}.comment-form textarea,.comment-form input:not([type=submit]):not([type=checkbox]){width:100%;padding:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.page-content{max-width:740px;margin:56px auto}.error-page{text-align:center;padding:96px 0}.error-page p{color:var(--muted)}.site-footer{background:var(--ink);color:#e5e8dc;padding:56px 0 24px;margin-top:64px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer-brand img{width:260px;margin-bottom:24px}.site-footer p{max-width:380px;color:#bec4b3;font-size:15px}.site-footer h2{font-size:16px;letter-spacing:0}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer a{color:#e5e8dc;text-decoration:none;display:inline-block;min-height:44px;font-size:14px}.footer-bottom{border-top:1px solid #ffffff26;margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:#bec4b3}.woocommerce .site-main{min-height:50vh;padding-block:48px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:21px}.woocommerce div.product .product_title{font-size:40px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--yellow);color:#20221e;border-radius:6px;padding:14px 24px}.woocommerce .woocommerce-breadcrumb{font-size:14px;color:var(--muted)}.woocommerce ul.products li.product{background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:8px}.woocommerce span.onsale{background:var(--yellow);color:#20221e}.woocommerce input,.woocommerce textarea{padding:12px;border:1px solid var(--line)}.rank-math-breadcrumb{font-size:14px;color:var(--muted);margin:24px 0}.rank-math-breadcrumb p{margin:0}.wp-caption-text,.gallery-caption{font-size:14px}.sticky{border-color:var(--yellow)}.bypostauthor{border-left:2px solid var(--yellow)}
@media(prefers-color-scheme:dark){:root{--ink:#eeeFE6;--muted:#bbc0af;--paper:#191c17;--surface:#23271f;--line:#414739;--yellow-soft:#343022}.site-header{background:rgba(25,28,23,.97)}.topline,.paths,.site-footer{background:#11150e;color:#f5f4e9}.hero h1 em{background:linear-gradient(transparent 70%,#715818 70%)}.button.secondary{color:var(--ink)}.editorial-note p{color:#d2d6c6}.category-label,.entry-content a,.site-nav a:hover{color:#e6c95d}.hero-note{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#e6c95d}.brand .logo-light{display:none}.brand .logo-dark{display:block}}.logo-dark{display:none}
@media(max-width:1000px){.header-inner{gap:16px}.site-nav ul{gap:16px}.brand{min-width:190px}.brand img{width:210px}.hero{gap:32px}.hero-image img{height:400px}.article-layout{grid-template-columns:minmax(0,740px)}.article-aside{position:static;grid-row:1}.post-grid{gap:24px}.card-body{padding:20px}.path-card{padding:24px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;min-height:80px;padding-block:16px}.menu-toggle{display:block;margin-left:auto}.search-toggle{padding:8px 12px}.site-nav{display:none;order:4;width:100%;margin:0}.site-nav.is-open{display:block}.site-nav ul{display:block;padding-top:16px}.site-nav li ul{display:block;position:static;border:0;padding:0 16px;background:none}.hero{grid-template-columns:1fr;padding-block:48px;gap:32px}.hero h1{max-width:600px}.hero-image img{height:330px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-grid{grid-template-columns:1fr}.path-card .number{margin-bottom:16px}.editorial-note{grid-template-columns:1fr;gap:24px;padding:32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.article-header{text-align:left}.article-header .post-meta{justify-content:flex-start}.topline .wrap span:last-child{display:none}.section{padding-block:48px}.section-head{align-items:start;flex-direction:column;gap:12px}.admin-bar .site-header{top:46px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{min-width:0}.brand img{width:176px}.header-inner{gap:8px}.search-toggle{font-size:14px}.menu-toggle{font-size:14px;padding:10px}.hero h1{font-size:43px}.hero p{font-size:17px}.hero-image img{height:270px}.hero-note{left:16px;right:16px;bottom:16px}.post-grid{grid-template-columns:1fr}.topic-links{gap:4px 20px}.article-header{margin-block:40px 32px}.article-header h1{font-size:36px}.entry-content{font-size:17px}.entry-content h2{font-size:28px}.article-cover{margin-bottom:32px}.footer-grid{gap:32px}.footer-bottom{flex-direction:column;gap:8px}.editorial-note{padding:24px}.search-form{flex-wrap:wrap}.search-form label{min-width:180px}.nav-links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

h1,h2,h3{overflow-wrap:anywhere}

/* WooCommerce blocks refinements */
.entry-content .wc-block-components-button:not(.is-link){background:var(--yellow)!important;color:#20221e!important;border:0;border-radius:6px;min-height:48px;font-weight:700;text-decoration:none!important}
.entry-content .wc-block-components-button:not(.is-link):hover{background:#e7bf3c!important}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:#765900}
.woocommerce-info,.woocommerce-message{border-top-color:var(--yellow);background:var(--surface);color:var(--ink)}
.woocommerce-info::before,.woocommerce-message::before{color:var(--yellow)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface);border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{border-color:var(--line)}
@media(prefers-color-scheme:dark){.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:#e6c95d}}