/*
Theme Name: Hamster Digital
Theme URI: https://hamsterdigital.it.com
Author: Hamster Digital
Author URI: https://hamsterdigital.it.com
Description: Premium conversion-first agency theme for Hamster Digital — Vilnius-based web & digital agency. Includes animated hero, services mega menu, ROI calculator, before/after slider, testimonials, pricing, FAQ and a built-in automatic visitor-language translation mode (e.g. visitors from Lithuania read the site in Lithuanian).
Version: 1.3.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hamster-digital
Tags: one-column, custom-menu, custom-logo, translation-ready, blog, portfolio
*/

/* ==========================================================================
   Base
   ========================================================================== */
html{scroll-behavior:smooth}
body{margin:0;background:#FAF8F2;color:#171812;font-family:'Instrument Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
::selection{background:#1E6B4A;color:#FFFFFF}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1E6B4A;outline-offset:3px;border-radius:4px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal!important}

/* ==========================================================================
   Keyframes
   ========================================================================== */
@keyframes hdRise{from{transform:translateY(112%)}to{transform:none}}
@keyframes hdMq{to{transform:translateX(-50%)}}
@keyframes hdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes hdPulse{to{transform:scale(2.4);opacity:0}}
@keyframes hdDraw{to{stroke-dashoffset:0}}
@keyframes hdSpin{to{transform:rotate(360deg)}}
@keyframes hdScroll{50%{transform:scaleY(.5);opacity:.4}}
@keyframes hdLoader{0%{opacity:1}80%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes hdBlink{50%{opacity:.3}}
@keyframes hdNavFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ==========================================================================
   Hover utilities (converted from design "style-hover" attributes)
   ========================================================================== */
.hd-hv-bg-green{transition:background .25s}
.hd-hv-bg-green:hover{background:#1E6B4A!important}
.hd-hv-outline-green:hover{border-color:#1E6B4A!important;color:#1E6B4A!important}
.hd-hv-green:hover{color:#1E6B4A!important}
.hd-hv-lime:hover{color:#CDF463!important}
.hd-hv-bg-white:hover{background:#FFFFFF!important}
.hd-hv-lift:hover{transform:translateY(-6px)}
.hd-hv-lift-border:hover{transform:translateY(-6px);border-color:rgba(23,24,18,.25)!important}
.hd-hv-lift4-border:hover{transform:translateY(-4px);border-color:rgba(23,24,18,.25)!important}
.hd-hv-border:hover{border-color:rgba(23,24,18,.25)!important}
.hd-hv-dark:hover{color:#171812!important}
.hd-hv-pause:hover{animation-play-state:paused}
.hd-hv-shadow:hover{box-shadow:0 34px 70px rgba(23,24,18,.14)}
.hd-hv-lime-ghost:hover{background:rgba(205,244,99,.15)!important;border-color:#CDF463!important}
.hd-hv-white-green:hover{background:#FFFFFF!important;color:#1E6B4A!important}

/* ==========================================================================
   Navigation / mega menu
   ========================================================================== */
.hd-nav-wrap{position:fixed;top:0;left:0;right:0;z-index:500}
.hd-nav-bar{position:relative;transition:background .35s,box-shadow .35s,backdrop-filter .35s}
.hd-nav-inner{max-width:1240px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:80px}
.hd-brand{font:700 21px 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:#171812;text-decoration:none;display:flex;align-items:center;gap:10px}
.hd-nav-links{display:flex;align-items:center;gap:26px;font:500 15px 'Instrument Sans',sans-serif}
.hd-nav-links > a{color:#3E4239;text-decoration:none;transition:color .2s}
.hd-nav-links > a:hover{color:#1E6B4A}
.hd-nav-links > a.hd-current{color:#1E6B4A;font-weight:600}
.hd-nav-svc{display:flex;align-items:center;gap:5px;cursor:default}
.hd-nav-svc > a{color:#3E4239;text-decoration:none;transition:color .2s}
.hd-nav-svc > a:hover{color:#1E6B4A}
.hd-nav-svc .hd-chevron{font-size:10px;color:#3E4239;transition:transform .25s;display:inline-block}
.hd-nav-wrap.hd-mega-open .hd-chevron{transform:rotate(180deg)}
.hd-nav-cta{background:#171812;color:#FFFFFF!important;text-decoration:none;font:600 14.5px 'Instrument Sans',sans-serif;padding:13px 26px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:background .25s}
.hd-nav-cta:hover{background:#1E6B4A}

.hd-mega{position:absolute;top:80px;left:0;right:0;display:none;justify-content:center}
.hd-nav-wrap.hd-mega-open .hd-mega{display:flex;animation:hdNavFade .2s ease both}
.hd-mega-panel{display:flex;background:#FFFFFF;border:1px solid rgba(23,24,18,.1);border-radius:24px;box-shadow:0 30px 70px rgba(23,24,18,.18);overflow:hidden;margin-top:10px}
.hd-mega-list{width:320px;padding:14px;display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(23,24,18,.08)}
.hd-mega-item{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:14px;background:transparent;transition:background .2s}
.hd-mega-item.hd-active{background:#F4F2EA}
.hd-mega-item .hd-mi-title{font:600 15px 'Instrument Sans',sans-serif;color:#171812;display:block}
.hd-mega-item .hd-mi-desc{font:400 12.5px 'Instrument Sans',sans-serif;color:#8A8E80;display:block;margin-top:2px}
.hd-mega-item .hd-mi-arrow{font-size:13px;color:#8A8E80}
.hd-mega-detail{width:290px;padding:22px;display:flex;flex-direction:column;gap:4px;background:#F4F2EA}
.hd-mega-detail-title{font:600 12px 'Instrument Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8A8E80;margin-bottom:8px}
.hd-mega-sub{text-decoration:none;color:#3E4239;font:500 14.5px 'Instrument Sans',sans-serif;padding:11px 12px;border-radius:11px;transition:background .2s,color .2s;display:block}
.hd-mega-sub:hover{background:#FFFFFF;color:#1E6B4A}
.hd-mega-desc{font:400 14px/1.6 'Instrument Sans',sans-serif;color:#565B50;margin:0 0 14px}
.hd-mega-view{text-decoration:none;color:#1E6B4A;font:600 14px 'Instrument Sans',sans-serif;display:inline-flex;align-items:center;gap:6px}
.hd-mega-pane{display:none;flex-direction:column;gap:4px}
.hd-mega-pane.hd-active{display:flex}

/* Mobile nav */
.hd-burger{display:none;background:none;border:1px solid rgba(23,24,18,.2);border-radius:12px;padding:10px 12px;cursor:pointer}
.hd-burger span{display:block;width:22px;height:2px;background:#171812;margin:5px 0;transition:transform .3s,opacity .3s}
.hd-mobile{display:none;background:rgba(250,248,242,.98);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,24,18,.1);max-height:calc(100vh - 80px);overflow-y:auto}
.hd-mobile a{display:block;padding:15px 28px;color:#171812;text-decoration:none;font:600 17px 'Bricolage Grotesque',sans-serif;border-top:1px solid rgba(23,24,18,.06)}
.hd-mobile a.hd-mob-sub{font:500 15px 'Instrument Sans',sans-serif;color:#565B50;padding-left:44px}
.hd-mobile-open .hd-mobile{display:block}
.hd-mobile-open .hd-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd-mobile-open .hd-burger span:nth-child(2){opacity:0}
.hd-mobile-open .hd-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:960px){
  .hd-nav-links{display:none}
  .hd-burger{display:block}
  .hd-mega{display:none!important}
}

/* WordPress admin bar offset for the fixed nav */
.admin-bar .hd-nav-wrap{top:32px}
.admin-bar .hd-mega{top:80px}
@media screen and (max-width:782px){
  .admin-bar .hd-nav-wrap{top:46px}
}

/* Keep spinning orbit graphic smooth */
#orbit{will-change:transform}

/* ==========================================================================
   Language switcher + Google Translate cleanup
   ========================================================================== */
.hd-lang{position:relative;display:inline-flex;align-items:center}
.hd-lang select{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid rgba(23,24,18,.22);border-radius:999px;font:600 13px 'Instrument Sans',sans-serif;color:#171812;padding:9px 30px 9px 34px;cursor:pointer;transition:border-color .2s}
.hd-lang select:hover{border-color:#1E6B4A}
.hd-lang::before{content:'\1F310';position:absolute;left:12px;font-size:14px;pointer-events:none}
.hd-lang::after{content:'\25BE';position:absolute;right:12px;font-size:10px;color:#565B50;pointer-events:none}
.hd-lang-mobile{padding:16px 28px;border-top:1px solid rgba(23,24,18,.06)}

/* Hide Google Translate chrome */
#hd_gt{display:none!important}
body{top:0!important;position:static!important}
.skiptranslate iframe,iframe.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.goog-tooltip:hover{display:none!important;visibility:hidden!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
font[style]{background:inherit!important}

/* ==========================================================================
   Layout helpers / responsive fixes for inline-styled sections
   ========================================================================== */
.hd-container{max-width:1280px;margin:0 auto;padding:0 28px;width:100%}
@media (max-width:980px){
  .hd-bento-8,.hd-bento-4{grid-column:span 12!important}
  .hd-bento-8{grid-template-columns:1fr!important}
}
@media (max-width:520px){
  .hd-hero-grid,.hd-2col{grid-template-columns:1fr!important}
  .hd-hero-visual{height:460px!important}
  .hd-services-grid{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ==========================================================================
   Blog / inner page content
   ========================================================================== */
.hd-page{padding:158px 0 90px}
.hd-page-narrow{max-width:820px;margin:0 auto;padding:0 28px}
.hd-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px 'Instrument Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#1E6B4A;margin-bottom:20px}
.hd-eyebrow::before{content:'';width:26px;height:2px;background:#1E6B4A;display:inline-block}
.hd-title{font:700 clamp(36px,4.6vw,58px)/1.08 'Bricolage Grotesque',sans-serif;letter-spacing:-.025em;margin:0 0 18px}
.hd-title em,.hd-em{font:italic 400 1.05em 'Instrument Serif',serif;color:#1E6B4A}
.hd-meta{font:500 13.5px 'Instrument Sans',sans-serif;color:#8A8E80;margin-bottom:34px}
.hd-content{font:400 17px/1.75 'Instrument Sans',sans-serif;color:#3E4239}
.hd-content h2,.hd-content h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:#171812}
.hd-content a{color:#1E6B4A}
.hd-content blockquote{font:italic 400 1.2em/1.6 'Instrument Serif',serif;border-left:3px solid #CDF463;margin:1.6em 0;padding:.2em 0 .2em 1.2em;color:#171812}
.hd-content img{border-radius:18px}
.hd-content pre{background:#171812;color:#FAF8F2;border-radius:14px;padding:20px;overflow-x:auto;font-size:14px}
.hd-content code{background:#F4F2EA;border-radius:6px;padding:2px 7px;font-size:.9em}
.hd-content pre code{background:none;padding:0}
.hd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px}
.hd-card{text-decoration:none;color:inherit;background:#FFFFFF;border:1px solid rgba(23,24,18,.1);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:14px;transition:transform .3s,border-color .3s}
.hd-card:hover{transform:translateY(-6px);border-color:rgba(23,24,18,.25)}
.hd-card-cat{display:flex;gap:12px;font:600 12px 'Instrument Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8A8E80}
.hd-card-cat .hd-cat{color:#1E6B4A}
.hd-card-title{font:600 22px/1.3 'Bricolage Grotesque',sans-serif;color:#171812}
.hd-card-excerpt{font:400 15px/1.6 'Instrument Sans',sans-serif;color:#565B50;flex:1}
.hd-card-more{font:600 14px 'Instrument Sans',sans-serif;color:#1E6B4A}
.hd-card-thumb{border-radius:14px;overflow:hidden;margin:-10px -10px 4px}
.hd-card-thumb img{display:block;width:100%;height:200px;object-fit:cover}
.hd-pagination{display:flex;gap:10px;justify-content:center;margin-top:54px;font:600 15px 'Instrument Sans',sans-serif}
.hd-pagination .page-numbers{padding:11px 18px;border:1px solid rgba(23,24,18,.15);border-radius:999px;color:#171812;text-decoration:none;background:#FFFFFF}
.hd-pagination .page-numbers.current{background:#171812;color:#FFFFFF;border-color:#171812}
.hd-pagination .page-numbers:hover{border-color:#1E6B4A;color:#1E6B4A}
.hd-btn{background:#171812;color:#FFFFFF;text-decoration:none;font:600 16px 'Instrument Sans',sans-serif;padding:18px 34px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:background .25s;border:0;cursor:pointer}
.hd-btn:hover{background:#1E6B4A}
.hd-search-form{display:flex;gap:12px;max-width:520px}
.hd-search-form input[type=search]{flex:1;border:1px solid rgba(23,24,18,.2);border-radius:999px;padding:15px 24px;font:500 15px 'Instrument Sans',sans-serif;background:#FFFFFF;color:#171812}
.hd-search-form input[type=search]:focus{border-color:#1E6B4A;outline:none}

/* Image placeholders (design image-slots) */
.hd-imgslot{background:linear-gradient(135deg,#EDF2DF,#F4F2EA 55%,rgba(205,244,99,.4));display:grid;place-items:center;color:#8A8E80;font:600 12px 'Instrument Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;position:relative;overflow:hidden}
.hd-imgslot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hd-avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 18px;background:#1E6B4A;color:#CDF463;display:grid;place-items:center;font:700 30px 'Bricolage Grotesque',sans-serif;overflow:hidden;position:relative}
.hd-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}