/*
Theme Name: CloudSEO Studio
Theme URI: https://cloudseodubai.com/
Author: CloudSEO Dubai
Description: A responsive, native WordPress block theme with editable templates, service layouts and homepage patterns.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: cloudseo-studio
*/
:root {--studio-ink:#181c22;--studio-paper:#f5f6f7;--studio-gold:#f7b93f;--studio-line:#dce0e4;--studio-body:#505a66;}
html {scroll-behavior:smooth;scroll-padding-top:100px;}
body {margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
*,*::before,*::after {box-sizing:border-box;}
.wp-site-blocks {width:100%;overflow:clip;}
.wp-site-blocks > * {margin-block-start:0;}
.studio-main,.wp-block-post-content {margin:0;width:100%;min-width:0;}
a {text-underline-offset:4px;}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid #bd8500;outline-offset:4px;}
img {max-width:100%;height:auto;}
.csb-header {background:#111820!important;padding:14px 28px!important;border-bottom:1px solid #ffffff20;}
.csb-header>.wp-block-group {width:100%;max-width:1200px!important;margin:auto;gap:32px;min-height:68px;}
.csb-header .wp-block-image {margin:0;flex:0 0 auto;}
.csb-header .wp-block-image img {width:78px!important;height:74px;object-fit:contain;display:block;}
.csb-header .wp-block-navigation {margin-left:auto;gap:30px;}
.csb-header .wp-block-navigation-item__content {color:#fff!important;font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;}
.csb-header .wp-block-navigation-item__content:hover {color:#f7b93f!important;}
.csb-header .wp-block-navigation__submenu-container {background:#111820!important;border:1px solid #ffffff24!important;padding:12px!important;min-width:220px!important;}
.csb-header .wp-block-button__link {background:#f7b93f;color:#171b22;border:0;border-radius:5px;font-size:14px;padding:14px 22px;}
.csb-header .studio-mobile-contact {display:none!important;}
.csb-footer {display:block!important;padding:64px 28px 28px!important;background:#111820!important;border-top:1px solid #ffffff20;}
.csb-footer .alignwide {max-width:1200px!important;}
.csb-footer h2 {font-size:25px!important;}
.csb-footer h3 {font-size:16px!important;line-height:1.5!important;}
.csb-footer p,.csb-footer li {font-size:14px!important;line-height:1.75;color:#b5bdc8!important;}
.csb-footer a {color:#d6dbe2!important;text-decoration:none;}
.csb-footer a:hover {color:#f7b93f!important;text-decoration:underline;}
.csb-footer ul {padding:0;list-style:none;}
.csb-footer li {margin:10px 0;}
.csb-footer .wp-block-columns {gap:36px!important;}
.csb-footer .wp-block-site-logo img {max-width:90px;}
.csb-page-title {max-width:1200px;margin:64px auto 32px;padding-inline:28px;}
.wp-block-post-content:has(>.cloudseo-redesign-root),.wp-block-post-content:has(>.csd-home) {max-width:none!important;padding:0!important;}
/* Both frontend and editor use container widths, not the old 100vw breakout. */
html body .cloudseo-redesign-root,html body .csd-home,html body .csb-post-shell,
html body .csb-post-content,.editor-styles-wrapper .cloudseo-redesign-root,.editor-styles-wrapper .csd-home {
  position:relative!important;left:auto!important;right:auto!important;transform:none!important;
  width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
}
.csd-home {--bg:#111820;--sf:#1a232e;--tx:#f5f6f8;--mu:#b9c1cc;--di:#a8b2c0;--ln:#ffffff20;--ln2:#ffffff30;--r:6px;--r-sm:4px;}
.csd-home :is(h1,h2,h3,h4,h5),.cloudseo-redesign-root :is(h1,h2,h3,h4,h5) {letter-spacing:0!important;}
.csd-home > .wp-block-group {padding:76px 28px;border-top:0;border-bottom:1px solid var(--ln);}
.csd-home .w {width:100%;max-width:1200px!important;margin-inline:auto!important;}
.csd-home > .wp-block-group > .w {gap:32px!important;}
.csd-home .sec-h {max-width:900px;gap:16px!important;}
.csd-home :is(.sec-h,.awards-head) h2 {font-size:36px;line-height:1.25;max-width:900px;text-wrap:pretty;}
.csd-home .eye {font:600 12px/1.5 Geist,system-ui,sans-serif;letter-spacing:.12em;}
.csd-home .eye::before {display:none;}
.csd-home p {font-size:16px;line-height:1.7;}
.csd-home .entity-h3 {font-size:15px;line-height:1.5;color:var(--mu);}
.csd-home .entity-h5,.csd-home .entity-copy {font-size:14px!important;line-height:1.55;opacity:1;}
.csd-home .btn,.csd-home .fsub {border-radius:5px;min-height:48px;font-size:14px;padding:15px 20px;white-space:normal;line-height:1.35;box-shadow:none!important;}
.csd-home .btn:hover {background:#ffd275;color:#171b22;transform:none;}
.csd-home .btn.ghost:hover {background:transparent;color:var(--tx);}
.csd-home .cl::after {display:none;}
.csd-home .cl:hover {text-decoration:underline;}
/* A compact editorial hero with a live channel video. */
.csd-home > .studio-hero {background:#111820!important;padding:68px 28px 64px!important;}
.csd-home > .studio-hero::before {display:none!important;}
.csd-home .studio-hero-grid {display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:72px!important;align-items:center;}
.csd-home .studio-hero-copy {gap:24px!important;min-width:0;}
.csd-home .studio-hero-copy h1 {max-width:none;font-size:23px;line-height:1.45;font-weight:400;text-wrap:pretty;color:#ccd3dd;}
.csd-home .studio-h1-lead {display:block;margin-bottom:18px;font-size:45px;line-height:1.14;font-weight:600;color:#fff;}
.csd-home .studio-hero-copy .sub {font-size:16px;max-width:60ch;}
.csd-home .studio-hero-portrait {margin:0;border-radius:6px;overflow:hidden;background:#fff;}
.csd-home .studio-hero-portrait img {display:block;width:100%;height:490px;object-fit:cover;object-position:50% 10%;filter:none;}
.csd-home .studio-hero-media {min-width:0;}
.csd-home .studio-latest-video {width:100%;}
.csd-home .studio-video-frame {width:100%;aspect-ratio:16/9;background:#090e15;border:1px solid #ffffff24;border-radius:6px;overflow:hidden;}
.csd-home .studio-video-frame iframe {display:block;width:100%;height:100%;border:0;}
.csd-home .studio-video-caption {margin:14px 0 0;font-size:13px;line-height:1.5;color:#b9c1cc;}
.csd-home .studio-video-caption span {display:block;color:#f7b93f;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;}
.csd-home .studio-video-caption a {color:#dbe1e8;text-decoration:none;}
.csd-home .studio-video-caption a:hover {text-decoration:underline;color:#fff;}
.csd-home .hero-proof {margin-top:12px!important;border:0;border-top:1px solid #ffffff28;border-radius:0;background:none;padding-top:16px;}
.csd-home .hero-proof .hp {padding:0 18px;border-left:1px solid #ffffff25;}
.csd-home .hero-proof .hp:first-child {padding-left:0;border-left:0;}
.csd-home .hero-proof .v p {font-size:25px;letter-spacing:0;}
.csd-home .hero-proof .k p {font:500 10px/1.5 Geist,sans-serif;letter-spacing:.06em;}
.csd-home > .proofbar {padding-block:30px!important;}
.csd-home .pb-in {gap:20px!important;}
.csd-home .csd-logos {flex-wrap:wrap!important;gap:28px!important;}
.csd-home .csd-logos figure {background:#fff;border-radius:0;padding:0;height:44px;}
.csd-home .csd-logos img {max-width:124px;height:36px;filter:none;opacity:1;}
/* Light bands add contrast without repainting brand imagery or diagrams. */
.csd-home > .studio-light,.is-style-studio-light {
 --bg:#fff;--sf:#f5f6f7;--sf2:#edf0f2;--tx:#181c22;--mu:#505a66;--di:#606974;--am:#906200;--am-soft:#fbf3df;--ln:#dce0e4;--ln2:#cbd1d8;
 background:#fff!important;color:var(--tx);border-color:#e3e6e9;
}
.csd-home > .studio-light :is(.pil,.min,.fitcol,.cblk,.rt) {background:#f5f6f7!important;}
.csd-home > .studio-light .btn {background:#f7b93f;border-color:#f7b93f;color:#181c22;}
.csd-home > .studio-light .btn.ghost {background:transparent;border-color:#aab1ba;color:#181c22;}
.csd-home :is(.pil,.award-card,.maj,.min,.fitcol,.cblk,.rt,.tcard) {padding:26px;border-radius:6px;box-shadow:none;transform:none!important;}
.csd-home :is(.pil,.award-card,.maj,.min,.rt,.tcard):hover {transform:none;border-color:var(--ln2);}
.csd-home .pil::before,.csd-home .maj::before {display:none;}
.csd-home .maj,.csd-home .cs-grid,.csd-home .close {background:none!important;border-radius:6px!important;}
.csd-home .pil h4 {font-size:22px;line-height:1.3;}
.csd-home .pillars {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;}
.csd-home .award-card {background:none;border-width:0 0 0 1px;border-radius:0;padding:12px 24px;}
.csd-home .award-card p:has(>.award-logo) {height:110px;padding:10px;background:#fff;border:0;border-radius:5px;}
.csd-home .award-card h4 {font-size:19px;line-height:1.4;}
.csd-home .award-card>p {font-size:14px!important;}
.csd-home .csd-portrait img {filter:none;border-radius:6px;max-width:440px;}
.csd-home .bq {font-size:30px;line-height:1.4;letter-spacing:0;max-width:none;}
.csd-home .creds {padding:0;border:0;background:none;}
.csd-home .dep-fig,.csd-home .maj .fig,.csd-home .tmfig {background:#111820!important;color:#fff!important;}
.csd-home .method-grid .wp-block-column:last-child {position:static;}
.csd-home .tcard {min-height:0!important;aspect-ratio:auto!important;}
.csd-home .wp-block-details {padding:22px 0;border-top:1px solid var(--ln);}
.csd-home .wp-block-details summary {font-size:18px;line-height:1.5;font-weight:600;color:var(--tx);min-height:28px;}
.csd-home .wp-block-details p {max-width:74ch;padding-top:14px;}
.csd-home .studio-enquiry {max-width:850px!important;gap:16px!important;}
.csd-home .studio-enquiry h3 {font-size:36px;color:#181c22;}
.studio-enquiry .cloudseo-lead-form {color:#181c22;}
.studio-enquiry .cloudseo-form-header {display:none;}
.studio-enquiry .cloudseo-lead-card {box-shadow:none;border:0;padding:0;background:transparent;}
.studio-enquiry :is(input,textarea,select) {width:100%;max-width:100%;background:#fff!important;color:#181c22!important;border:1px solid #c1c8d0!important;border-radius:5px;min-height:48px;font:inherit;padding:12px!important;}
.studio-enquiry label {color:#333c46!important;font-size:14px;}
.studio-enquiry button {background:#f7b93f!important;color:#171b22!important;border:0;border-radius:5px;min-height:48px;}
/* Service pages retain their native blocks with one consistent spatial system. */
.cloudseo-redesign-root {--navy:#111820;--navy2:#1a232e;--navy3:#222e3b;--text:#f4f5f7;--muted:#bdc5d0;--muted2:#a2acb9;--line:#ffffff24;}
html body .cloudseo-redesign-root .house-section {padding:68px 0!important;border-width:0 0 1px!important;margin:0!important;}
html body .cloudseo-redesign-root .house-section+.house-section {margin-top:0!important;}
html body .cloudseo-redesign-root .house-w {max-width:1200px!important;width:100%;padding-inline:28px;margin-inline:auto!important;}
html body .cloudseo-redesign-root h1 {font-size:44px!important;line-height:1.2!important;max-width:26ch!important;letter-spacing:0!important;}
html body .cloudseo-redesign-root h2 {font-size:34px!important;line-height:1.25!important;max-width:36ch!important;letter-spacing:0!important;}
html body .cloudseo-redesign-root h3 {font-size:22px!important;line-height:1.4!important;}
html body .cloudseo-redesign-root h4 {font-size:19px!important;line-height:1.4!important;}
html body .cloudseo-redesign-root p,html body .cloudseo-redesign-root li {font-size:16px!important;line-height:1.75!important;}
html body .cloudseo-redesign-root .house-section:nth-child(even):not(.house-hero) {--navy:#fff;--navy2:#f5f6f7;--navy3:#e9edf0;--text:#181c22;--muted:#505a66;--muted2:#66717d;--amber:#906200;--line:#dce0e4;background:#fff!important;color:#181c22;}
html body .cloudseo-redesign-root :is(.cloudseo-sop-card,.cloudseo-sop-step,.house-pricing-card,.abu-card,.ajx-card) {padding:24px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:var(--navy2)!important;}
html body .cloudseo-redesign-root .house-section :is(.house-answer-card,.house-answer-split,.house-answer-copy) {color:var(--text)!important;background:transparent!important;}
html body .cloudseo-redesign-root .section-graphic {background:#111820!important;--text:#f5f6f7;--muted:#bdc5d0;--line:#ffffff26;--amber:#f7b93f;}
html body .cloudseo-redesign-root :is(.house-copy-unit,.house-copy-group) {min-width:0;}
html body .cloudseo-redesign-root :is(.cloudseo-sop-btn,.btn,.wp-block-button__link) {border-radius:5px!important;padding:14px 20px!important;min-height:48px;line-height:1.4!important;}
html body .cloudseo-redesign-root .house-hero {padding-block:68px!important;}
.studio-article .house-section:not(.house-hero)>.house-w {max-width:900px!important;}
.studio-article .house-hero h1 {max-width:900px!important;}
.studio-article .cloudseo-redesign-root .house-section:nth-child(even) {background:#fff!important;}
.is-style-studio-panel {padding:28px;border:1px solid #ccd1d7;border-radius:6px;}
.cloudseo-link-module {margin-block:0!important;padding:48px 28px!important;background:#111820;}
.cloudseo-link-shell {max-width:1200px!important;margin:auto!important;background:transparent!important;border-color:#ffffff25!important;border-radius:6px!important;}
.cloudseo-link-shell h2 {font-size:24px!important;color:#fff!important;}
.cloudseo-link-shell a {color:#fff!important;}
.cloudseo-link-grid a {background:#202c3a!important;border-color:#ffffff20!important;padding:14px!important;}
@media(max-width:1000px) {
 .csd-home .studio-hero-grid {gap:36px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);}
 .csd-home .studio-h1-lead {font-size:37px;}
 .csd-home .studio-hero-portrait img {height:440px;}
 .csd-home .studio-hero-copy h1 {font-size:20px;}
 .csd-home .award-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:781px) {
 .csb-header {padding:10px 20px!important;}
 .csb-header>.wp-block-group {gap:18px;}
 .csb-header .wp-block-image img {width:64px!important;height:60px;}
 .csb-header .wp-block-navigation__responsive-container-open {display:flex!important;color:#fff;min-height:44px;min-width:44px;align-items:center;justify-content:center;}
 .csb-header .wp-block-navigation__responsive-container:not(.is-menu-open) {display:none!important;}
 .csb-header .wp-block-navigation__responsive-container.is-menu-open {background:#111820!important;color:#fff!important;padding:32px;}
 .csb-header .wp-block-navigation__responsive-container-close {color:#fff;}
 .csb-header .wp-block-buttons {display:none;}
 .csb-header .studio-mobile-contact {display:flex!important;}
 .csd-home>.wp-block-group {padding:48px 20px;}
 .csd-home>.studio-hero {padding:44px 20px!important;}
 .csd-home .studio-hero-grid {grid-template-columns:1fr;gap:32px!important;}
 .csd-home .studio-h1-lead {font-size:36px;}
 .csd-home .studio-hero-copy h1 {font-size:19px;}
 .csd-home .studio-hero-portrait img {height:340px;object-position:center 18%;}
 .csd-home .studio-hero-media {max-width:460px;width:100%;}
 .csd-home :is(.sec-h,.awards-head) h2 {font-size:29px;}
 .csd-home .hero-proof {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 .csd-home .hero-proof .hp {padding:0 10px;border-top:0;}
 .csd-home .hero-proof .v p {font-size:21px;}
 .csd-home .hero-proof .hp:first-child .v p {font-size:16px;white-space:nowrap;}
 .csd-home .hero-proof .k p {font-size:9px;}
 .csd-home .csd-logos {gap:18px!important;}
 .csd-home .csd-logos img {max-width:90px;height:30px;}
 .csd-home :is(.pil,.maj,.min,.fitcol,.cblk,.rt) {padding:22px;}
 .csd-home :is(.pillars,.award-grid,.svc-minor,.svc-major,.routes,.fit-grid,.tgrid) {grid-template-columns:1fr!important;}
 .csd-home .award-card {padding:20px;border-left:0;border-bottom:1px solid var(--ln);}
 .csd-home .studio-enquiry h3 {font-size:29px;}
 html body .cloudseo-redesign-root .house-section {padding:48px 0!important;}
 html body .cloudseo-redesign-root .house-w {padding-inline:20px;}
 html body .cloudseo-redesign-root h1 {font-size:34px!important;max-width:100%!important;}
 html body .cloudseo-redesign-root h2 {font-size:28px!important;max-width:100%!important;}
 html body .cloudseo-redesign-root h3 {font-size:21px!important;}
 .csb-footer .wp-block-columns {gap:24px!important;}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto;}*,*::before,*::after{animation:none!important;transition:none!important;}}