/* WebDevServices: Clean Marketplace component styles. Colors, type and spacing come from theme.json presets. */
:root{--wds-border:var(--wp--preset--color--border);--wds-muted:var(--wp--preset--color--muted)}
body{-webkit-font-smoothing:antialiased}
.wp-site-blocks > main,.wp-site-blocks > footer{margin-block-start:0}
.wds-main--flush{padding-top:0!important;padding-bottom:0!important}
.wds-main--flush > .wp-block-post-content > *:first-child{margin-block-start:0}
.wp-block-post-content > .alignfull + .alignfull,
.wds-main--flush .wp-block-post-content > .alignfull{margin-block-start:0}

/* Header */
.wds-header{background:var(--wp--preset--color--base);border-bottom:1px solid #e6ebf3;position:relative;z-index:20}
.wds-header__inner{min-height:76px;gap:1.5rem}
.wds-header__left{gap:1.5rem!important}
.wds-header__right{gap:1.5rem!important}
.wds-login{margin:0;font-size:.9375rem;font-weight:600}
.wds-login a{color:#44567a}
.wds-logo{gap:10px!important;align-items:center!important;flex:none}
.wds-logo > p{margin:0!important}
.wds-logo__mark{width:34px;height:34px;border-radius:9px;background:var(--wp--preset--gradient--brand);display:grid;place-items:center;color:#fff;font-size:15px;font-weight:800;line-height:1}
.wds-logo__text{font-weight:800;font-size:1.3125rem;letter-spacing:-.01em;white-space:nowrap;line-height:1}
.wds-logo__text a{color:var(--wp--preset--color--navy);text-decoration:none!important}
.wds-logo__text mark{background:none}
.wds-logo--small .wds-logo__text{font-size:1.0625rem}
.wds-logo--small .wds-logo__mark{width:28px;height:28px;font-size:13px}

/* Logo */
.wds-logo-img{margin:0 0 0 -6px!important;flex:none;flex-shrink:0;line-height:0}
.wds-header__left{min-width:0}
.wds-logo-img img{display:block;height:auto;max-width:100%}
@media (max-width:600px){.wds-header .wds-logo-img img{width:170px!important}}
/* Footer */
.wds-footer{padding-top:2.75rem;padding-bottom:2.75rem;color:#aebbd6;font-size:.875rem}
.wds-footer__inner{gap:1rem}
.wds-footer p{margin:0}
.wds-footer a{color:#aebbd6}
.wds-footer a:hover{color:#fff}

/* Sections */
.wds-section{padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)}
.wds-section--tight{padding-top:.5rem}
.wds-section-head{margin-bottom:var(--wp--preset--spacing--50)}
.wds-section-head h2{margin:0}
.wds-section-sub{color:#5d6d8a;margin-top:.375rem!important}
.wds-section-head > *{margin-block-start:0}

/* Hero */
.wds-hero{padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--70);text-align:center}
.wds-hero-title{max-width:900px;margin-left:auto!important;margin-right:auto!important;margin-top:1.375rem!important}
.wds-hero-sub{color:#52627f;max-width:680px;margin:1.25rem auto 2.375rem!important;line-height:1.55}
.is-style-wds-pill{display:inline-block;width:auto!important;background:var(--wp--preset--color--primary-soft);color:var(--wp--preset--color--primary);font-weight:700;font-size:.8125rem;padding:7px 14px;border-radius:99px;line-height:1.3}
p.has-text-align-center.is-style-wds-pill{display:table;margin-left:auto!important;margin-right:auto!important}
.wds-pill--featured{background:var(--wp--preset--color--featured-soft);color:var(--wp--preset--color--featured)}
.wds-trust{margin-top:1.875rem!important;gap:2.125rem!important;color:var(--wds-muted);font-size:.875rem}
.wds-trust p{margin:0}
.wds-trust strong{color:var(--wp--preset--color--navy)}

/* Hero search (core/search block) */
.wds-hero-search{max-width:980px;margin:0 auto!important}
.wds-hero-search .wp-block-search__inside-wrapper{background:#fff;border:1px solid #dbe3f0!important;box-shadow:var(--wp--preset--shadow--soft);border-radius:16px;padding:10px!important;gap:10px}
.wds-hero-search .wp-block-search__input{border:0!important;font:inherit;font-size:1.0625rem;font-weight:600;color:var(--wp--preset--color--navy);padding:14px 18px!important;background:transparent;outline:none}
.wds-hero-search .wp-block-search__input::placeholder{color:#8090ad;font-weight:500}
.wds-hero-search .wp-block-search__button{margin:0!important;background:var(--wp--preset--color--primary);color:#fff;border:0;border-radius:12px;font-weight:700;font-size:1rem;padding:18px 34px;white-space:nowrap}
.wds-hero-search .wp-block-search__button:hover{background:#1449d6}
.wds-hero-chips{gap:8px!important;margin-top:1.125rem!important}
.wds-hero-chips .is-style-wds-tag{background:#fff;border:1px solid var(--wds-border)}
.wds-btn-full,.wds-btn-full .wp-block-button__link{width:100%}

/* Cards and tiles */
.is-style-wds-card{background:#fff;border:1px solid var(--wds-border);border-radius:var(--wp--custom--radius--lg)}
.is-style-wds-tile{border:1px solid var(--wds-border);border-radius:var(--wp--custom--radius--md);padding:18px;gap:14px!important;align-items:center;background:#fff;transition:border-color .15s,box-shadow .15s}
.is-style-wds-tile:hover{border-color:#bfd0ff;box-shadow:var(--wp--preset--shadow--soft)}
.wds-tiles{gap:14px!important}
.is-style-wds-icon{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;margin:0!important;padding:0!important;font-size:.9375rem;line-height:1}
.wds-tile-text > *{margin:0!important}
.wds-tile-title{font-size:.9375rem}
.wds-tile-sub{color:#7a8aa6;font-size:.8125rem;line-height:1.35}
.wds-cards,.wds-tiers,.wds-community{gap:22px!important}

.wds-agency-card{overflow:hidden;display:flex;flex-direction:column}
.wds-agency-card > *{margin:0!important}
.wds-card-top{height:110px;position:relative}
.wds-card-badge{position:absolute;right:14px;top:14px;margin:0!important;background:#fff;color:var(--wp--preset--color--featured);font-size:.75rem;font-weight:800;padding:5px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}
.is-style-wds-avatar{width:58px;height:58px;border-radius:14px;border:4px solid #fff;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.25rem;margin:0!important;padding:0!important;line-height:1}
.wds-card-top .is-style-wds-avatar{position:absolute;left:22px;bottom:-26px}
.wds-card-body{padding:38px 22px 22px;flex:1}
.wds-card-body > *{margin:0!important}
.wds-card-body h3{display:flex;align-items:center;gap:7px}
.wds-meta{color:var(--wds-muted);margin:6px 0 14px!important}
.wds-tags{gap:7px!important}
.is-style-wds-tag{background:var(--wp--preset--color--chip);color:var(--wp--preset--color--slate);font-size:.78125rem;font-weight:600;padding:5px 10px;border-radius:7px;margin:0!important;line-height:1.3}
.wds-tag--on{background:var(--wp--preset--color--primary-soft);color:var(--wp--preset--color--primary)}
.wds-card-foot{border-top:1px solid #eef2f8;padding:14px 22px;font-size:.875rem;color:#5d6d8a}
.wds-card-foot p{margin:0}

/* How it works */
.wds-how{border-radius:var(--wp--custom--radius--xl);padding:56px}
.wds-how-cols{gap:56px!important;align-items:center!important;margin:0!important}
.wds-how h2{margin-top:0}
.wds-dark-sub{color:#aebbd6;line-height:1.6;margin:16px 0 26px!important}
.is-style-wds-step{gap:16px!important;background:rgba(255,255,255,.06);border-radius:var(--wp--custom--radius--md);padding:18px;margin-bottom:12px!important;margin-top:0!important;align-items:flex-start!important}
.is-style-wds-step p{margin:0!important}
.wds-step-num{width:34px;height:34px;flex:none;border-radius:50%;background:var(--wp--preset--color--primary);display:grid;place-items:center;font-weight:800;color:#fff;line-height:1}
.wds-step-sub{color:#aebbd6}

/* Pricing */
.wds-tier{padding:30px;position:relative;display:flex;flex-direction:column}
.wds-tier > *{margin-top:0!important;margin-bottom:0!important}
.wds-tier h3{font-size:1.125rem}
.wds-tier--highlight{border:2px solid var(--wp--preset--color--primary);box-shadow:var(--wp--preset--shadow--lifted)}
.wds-tier-flag{position:absolute;top:-13px;left:30px;background:var(--wp--preset--color--primary);color:#fff;font-size:.75rem;font-weight:800;padding:5px 12px;border-radius:99px;line-height:1.3}
.wds-price{font-size:2.625rem;font-weight:800;margin:12px 0 4px!important;letter-spacing:-1px;line-height:1.1}
.wds-price sub{font-size:1rem;color:#7a8aa6;font-weight:600;vertical-align:baseline;letter-spacing:0}
.wds-tier-desc{color:var(--wds-muted);margin-bottom:20px!important}
.is-style-wds-checklist{list-style:none;padding:0;margin:0 0 auto!important}
.is-style-wds-checklist li{font-size:.9375rem;padding:7px 0;color:#2b3c5c}
.is-style-wds-checklist li::before{content:"\2713";color:var(--wp--preset--color--success);font-weight:800;margin-right:10px}
.wds-tier .wp-block-buttons{margin-top:20px!important}
.wds-tier .wp-block-button__link{width:100%}

/* Community */
.wds-box{padding:24px}
.wds-box h3{margin:0 0 14px!important}
.wds-row{gap:12px!important;padding:10px 0;border-top:1px solid #f0f3f8;font-size:.875rem;align-items:center!important;margin:0!important}
.wds-box h3 + .wds-row{border-top:none}
.wds-row p{margin:0!important}
.wds-row-text{flex:1;min-width:0}
.wds-row-text > *{margin:0!important}
.wds-row-sub{color:#7a8aa6;font-size:.78125rem;margin-top:2px!important}
.wds-budget{font-weight:700;color:var(--wp--preset--color--success);white-space:nowrap}
.is-style-wds-mini{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8125rem;margin:0!important;padding:0!important;line-height:1}

/* CTA */
.wds-cta{border-radius:var(--wp--custom--radius--xl);padding:56px 32px}
.wds-cta h2{margin-top:0}
.wds-cta-sub{color:rgba(255,255,255,.88)}
.is-style-wds-light .wp-block-button__link{background:#fff;color:var(--wp--preset--color--primary)}
.is-style-wds-light .wp-block-button__link:hover{background:#eef3ff}
.is-style-wds-outline-light .wp-block-button__link{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.is-style-wds-outline-light .wp-block-button__link:hover{background:rgba(255,255,255,.12)}
.is-style-wds-dark .wp-block-button__link{background:var(--wp--preset--color--navy);color:#fff;padding:9px 14px;font-size:.84375rem}

/* Agency profile */
.wds-profile{padding-bottom:60px}
.wds-crumb{color:#7a8aa6;padding:22px 0;margin-block:0!important}
.wds-crumb strong{color:var(--wp--preset--color--primary);font-weight:600}
.wds-profile-cover{height:200px;border-radius:22px 22px 0 0;position:relative;overflow:hidden;margin-block:0!important}
.wds-profile-cover::after{content:"";position:absolute;right:-60px;top:-80px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.12)}
.wds-cover-spacer{display:none}
.wds-profile-head{background:#fff;border:1px solid var(--wds-border);border-top:none;border-radius:0 0 22px 22px;padding:0 36px 30px;gap:26px!important;align-items:flex-end!important;margin-block:0!important}
.wds-profile-avatar{position:relative;z-index:2;width:124px;height:124px;border-radius:26px;border:6px solid #fff;margin:-60px 0 0!important;display:grid;place-items:center;color:#fff;font-size:2.625rem;font-weight:800;box-shadow:var(--wp--preset--shadow--avatar);flex:none;line-height:1;padding:0!important}
.wds-profile-id{flex:1}
.wds-profile-id > *{margin:0!important}
.wds-profile-title{gap:12px!important;align-items:center!important}
.wds-profile-title h1{margin:0!important}
.wds-profile-title p{margin:0!important}
.wds-profile-meta{gap:22px!important;color:#5d6d8a;font-size:.9375rem;margin-top:8px!important}
.wds-profile-meta p{margin:0!important}
.wds-profile-actions{flex:none}
.wds-profile-grid{margin-top:26px!important;gap:26px!important}
.wds-panel{padding:28px;margin-bottom:22px!important;margin-top:0!important}
.wds-panel h2{margin:0 0 16px!important}
.wds-panel p{color:var(--wp--preset--color--slate);line-height:1.7;font-size:.96875rem}
.wds-stats{gap:14px!important;margin-top:22px!important}
.wds-stat{background:#f4f7fd;border-radius:12px;padding:16px}
.wds-stat > *{margin:0!important}
.wds-stat-value{font-size:1.5rem;color:var(--wp--preset--color--navy)!important;line-height:1.3!important}
.wds-stat-label{color:var(--wds-muted)!important;font-size:.8125rem!important}
.wds-eyebrow{font-size:.75rem!important;text-transform:uppercase;letter-spacing:1px;color:#8090ad!important;margin:0 0 10px!important;font-weight:700}
.wds-portfolio{gap:14px!important}
.wds-shot{border-radius:var(--wp--custom--radius--md);overflow:hidden;border:1px solid var(--wds-border)}
.wds-shot > *{margin:0!important}
.wds-shot-img{height:150px;position:relative;padding:16px}
.wds-shot-img::after{content:"";position:absolute;left:16px;right:16px;bottom:16px;height:60px;border-radius:8px;background:rgba(255,255,255,.35)}
.wds-shot-line{height:9px;border-radius:5px;background:rgba(255,255,255,.7);margin:0 0 8px!important;width:55%}
.wds-shot-line--short{width:35%}
.wds-shot-cap{padding:12px 14px;font-size:.875rem}
.wds-shot-cap > *{margin:0!important}
.wds-rating-sum{gap:30px!important;align-items:center!important;margin-bottom:18px!important}
.wds-big-rating{font-size:3.25rem!important;font-weight:800;letter-spacing:-1px;color:var(--wp--preset--color--navy)!important;margin:0!important;line-height:1!important}
.wds-bars{flex:1}
.wds-bars > *{margin:0!important}
.wds-bar{gap:10px!important;align-items:center!important;font-size:.8125rem;color:var(--wds-muted);margin:4px 0!important}
.wds-bar p{margin:0!important;font-size:.8125rem!important;color:var(--wds-muted)!important;min-width:1.25em}
.wds-bar-track{flex:1;height:8px;border-radius:4px;background:#eef2f8;overflow:hidden;margin:0!important}
.wds-bar-fill{height:100%;background:var(--wp--preset--color--amber)}
.wds-w-88{width:88%}.wds-w-10{width:10%}.wds-w-3{width:3%}
.wds-review{border-top:1px solid #eef2f8;padding:20px 0 0;margin-top:20px!important}
.wds-review > *{margin:0 0 8px!important}
.wds-review-head{gap:12px!important;align-items:center!important}
.wds-review-head p,.wds-review-head .wp-block-group > *{margin:0!important}
.wds-review-head .is-style-wds-mini{width:40px;height:40px;font-size:.875rem}
.wds-vchip{margin-left:auto!important;font-size:.75rem!important;color:var(--wp--preset--color--success)!important;background:var(--wp--preset--color--success-soft);padding:5px 10px;border-radius:99px;font-weight:700;white-space:nowrap}
.wds-lead > *{margin:0!important}
.wds-label{display:block;font-size:.8125rem!important;font-weight:700;color:var(--wp--preset--color--slate)!important;margin:14px 0 6px!important}
.wds-input{border:1px solid #d7e0ee;border-radius:10px;padding:12px 14px;font-size:.90625rem!important;color:#8090ad!important;background:#fbfcff;line-height:1.4!important}
.wds-input--area{min-height:96px}
.wds-panel .wds-btn-full{margin-top:18px}
.wds-panel .wds-btn-full .wp-block-button__link{padding:15px}
.wds-lead label{display:block;font-size:.8125rem;font-weight:700;color:var(--wp--preset--color--slate);margin:14px 0 0}
.wds-lead input,.wds-lead select,.wds-lead textarea{display:block;width:100%;margin-top:6px;border:1px solid #d7e0ee;border-radius:10px;padding:12px 14px;font:inherit;font-size:.90625rem;color:var(--wp--preset--color--navy);background:#fbfcff;box-sizing:border-box}
.wds-lead button{width:100%;margin-top:18px;padding:15px;border:0;border-radius:10px;background:var(--wp--preset--color--primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.wds-unclaimed{background:#fffaf0;border:1px dashed #f0c46c;border-radius:14px;padding:16px;margin-top:10px!important}
.wds-unclaimed > *{margin:0 0 8px!important}
.wds-unclaimed p{color:#6a5a3a;line-height:1.5}
.wds-unclaimed-title{color:var(--wp--preset--color--navy)!important;font-size:.90625rem!important}

/* Posts, pages, 404 */
.wds-page-head{margin-bottom:var(--wp--preset--spacing--50)}
.wds-post-card{padding:22px;overflow:hidden}
.wds-post-card .wp-block-post-featured-image{margin:-22px -22px 14px}
.wds-post-card > *{margin-top:0!important;margin-bottom:8px!important}
.wds-404{text-align:center;padding:var(--wp--preset--spacing--60) 0}
.wds-404-search{max-width:520px;margin:1.5rem auto!important}

/* Responsive */
@media (max-width: 900px){
  .wds-hero-search .wp-block-search__inside-wrapper{flex-direction:column}
  .wds-hero-search .wp-block-search__button{width:100%}
  .wds-how{padding:32px 22px}
  .wds-profile-head{flex-wrap:wrap!important;padding:0 20px 22px}
  .wds-header__right .wds-login{display:none!important}
}
@media (max-width: 600px){
  .wds-header__right .wp-block-buttons{display:none!important}
  .wds-header__left{gap:1rem!important}
}
