/*
 * STANDARD — fields and buttons on the Cloud Files pages.
 * Since 0.9.74 every value comes from GLOBAL DESIGN (wp-admin → GLOBAL DESIGN) as --gd-* variables.
 * The fallbacks below are STANDARD: height 48px, corners 7px, blue #4a86d8 / #3f76c2 on mouse-over, white text.
 * This file loads last and wins over older rules on purpose (":is(.., #rcf-standard)" gives it ID strength).
 */
:root{--rcf-radius:var(--gd-fld-r,7px)}
:is(.rcf,.rcf-pricing,.rcf-acc,.rcf-cine,#rcf-standard){
  --rcf-std-h:var(--gd-fld-h,48px);--rcf-std-bh:var(--gd-btn-h,48px);--rcf-std-r:var(--gd-fld-r,7px);--rcf-std-br:var(--gd-btn-r,7px);
  --rcf-std-btn:var(--gd-btn-bg,#4a86d8);--rcf-std-btn-hover:var(--gd-btn-bg-h,#3f76c2);--rcf-std-line:var(--gd-fld-bd,#b8c4d4);--rcf-std-ink:var(--gd-fld-tx,#1d2433);
  --rcf-radius:var(--gd-fld-r,7px);--rcf-ctl-h:var(--gd-fld-h,48px);--rcf-btn:var(--gd-btn-bg,#4a86d8);--rcf-btn-hover:var(--gd-btn-bg-h,#3f76c2);--rcf-btn-text-hover:var(--gd-btn-tx-h,#fff)}
@media (max-width:767px){:is(.rcf,.rcf-pricing,.rcf-acc,.rcf-cine,#rcf-standard){--rcf-std-h:var(--gd-fld-h-m,48px);--rcf-std-bh:var(--gd-btn-h-m,48px);--rcf-ctl-h:var(--gd-fld-h-m,48px)}}

/* Fields */
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=submit]):not([type=button]):not([type=color]),select){
  box-sizing:border-box!important;height:var(--rcf-std-h)!important;min-height:var(--rcf-std-h)!important;max-height:none!important;
  padding:0 var(--gd-fld-px,14px)!important;margin-top:0;margin-bottom:0;border:var(--gd-fld-bw,1px) solid var(--rcf-std-line)!important;border-radius:var(--rcf-std-r)!important;
  background-color:var(--gd-fld-bg,#fff)!important;color:var(--rcf-std-ink)!important;font-family:var(--gd-fld-ff,inherit)!important;font-size:var(--gd-fld-fs,15px)!important;line-height:1.2!important;box-shadow:none!important;outline:0}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) select{padding-right:34px!important}
:is(.rcf,#rcf-standard) :is(.rcf-field,.rcf-share-field) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){width:var(--gd-fld-w,100%)!important;max-width:100%}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) textarea{box-sizing:border-box!important;min-height:96px!important;padding:12px var(--gd-fld-px,14px)!important;border:var(--gd-fld-bw,1px) solid var(--rcf-std-line)!important;border-radius:var(--rcf-std-r)!important;background-color:var(--gd-fld-bg,#fff)!important;color:var(--rcf-std-ink)!important;font-family:var(--gd-fld-ff,inherit)!important;font-size:var(--gd-fld-fs,15px)!important;line-height:1.45!important;box-shadow:none!important}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(input,select,textarea):focus{border-color:var(--gd-fld-focus,#4a86d8)!important;box-shadow:0 0 0 3px var(--gd-fld-ring,#4a86d833)!important}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(input,textarea)::placeholder{color:var(--gd-fld-ph,#8a93a3)!important;opacity:1}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(input[type=checkbox],input[type=radio]){border-radius:4px}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) input[type=radio]{border-radius:50%}
/* Labels above fields */
:is(.rcf,#rcf-standard) :is(.rcf-field,.rcf-share-field)>label{color:var(--gd-lbl-tx,#1d2433)!important;font-size:var(--gd-lbl-fs,14px)!important;font-weight:var(--gd-lbl-fw,600)!important}
/* Phone: one framed row (country + number) that looks like one standard field */
:is(.rcf,#rcf-standard) .rcf-phone-row{box-sizing:border-box!important;height:var(--rcf-std-h)!important;min-height:var(--rcf-std-h)!important;border:var(--gd-fld-bw,1px) solid var(--rcf-std-line)!important;border-radius:var(--rcf-std-r)!important;background:var(--gd-fld-bg,#fff)!important;overflow:hidden;box-shadow:none!important}
:is(.rcf,#rcf-standard) .rcf-phone-row:focus-within{border-color:var(--gd-fld-focus,#4a86d8)!important;box-shadow:0 0 0 3px var(--gd-fld-ring,#4a86d833)!important}
:is(.rcf,#rcf-standard) .rcf-phone-row :is(input,select){height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
:is(.rcf,#rcf-standard) .rcf-phone-row :is(input,select):focus{box-shadow:none!important}
/* Show-password eye sits inside the field */
:is(.rcf,#rcf-standard) .rcf-password input{padding-right:48px!important}
:is(.rcf,#rcf-standard) .rcf-password-toggle{width:38px!important;height:calc(var(--rcf-std-h) - 10px)!important;right:5px!important;border-radius:var(--rcf-std-r)!important;background:transparent!important;color:var(--rcf-std-ink)!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:0!important}

/* Buttons */
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-button,a.rcf-button,button.rcf-button,input[type=submit].rcf-button),
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-button.rcf-secondary,.rcf-std .rcf-button){
  box-sizing:border-box!important;height:auto!important;min-height:var(--rcf-std-bh)!important;padding:0 var(--gd-btn-px,22px)!important;width:var(--gd-btn-w,auto);
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;
  border:var(--gd-btn-bw,0px) solid var(--gd-btn-bd,#4a86d8)!important;border-radius:var(--rcf-std-br)!important;background:var(--rcf-std-btn)!important;color:var(--gd-btn-tx,#fff)!important;
  font-family:var(--gd-btn-ff,inherit)!important;font-size:var(--gd-btn-fs,15px)!important;font-weight:var(--gd-btn-fw,700)!important;text-transform:var(--gd-btn-tt,none)!important;letter-spacing:var(--gd-btn-ls,0)!important;
  line-height:1.2!important;text-decoration:none!important;box-shadow:var(--gd-btn-sh,none)!important;filter:none!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;cursor:pointer}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-button,a.rcf-button,button.rcf-button,.rcf-button.rcf-secondary):is(:hover,:focus-visible,:active){background:var(--rcf-std-btn-hover)!important;color:var(--gd-btn-tx-h,#fff)!important;border-color:var(--gd-btn-bd-h,#3f76c2)!important}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) .rcf-button :is(svg,.rcf-button-label){color:inherit!important}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) .rcf-button[disabled]{opacity:.55;cursor:not-allowed}
/* Full-width buttons stay full width */
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-plan .rcf-button,.rcf-pay-buttons .rcf-button,.rcf-std .rcf-button){display:flex!important;width:100%!important}

/* Pricing: toggle, menus and PayPal/Klarna follow the same height and corners */
:is(.rcf-pricing,#rcf-standard) .rcf-pricing-bar .rcf-period button{min-height:var(--rcf-std-bh)!important;padding:0 24px!important;border-radius:var(--rcf-std-br)!important}
:is(.rcf-pricing,#rcf-standard) .rcf-period-thumb{border-radius:var(--rcf-std-br)!important;background:var(--rcf-std-btn)!important}
:is(.rcf-pricing,#rcf-standard) .rcf-pricing-bar .rcf-period button[aria-pressed=true]{color:var(--gd-btn-tx,#fff)!important}
:is(.rcf-pricing,#rcf-standard) .rcf-pay-alt-btn{min-height:var(--rcf-std-bh)!important;border-radius:var(--rcf-std-br)!important;border:1px solid var(--rcf-std-btn)!important;background:#fff!important;color:var(--rcf-std-btn)!important;font-family:var(--gd-btn-ff,inherit)!important}
:is(.rcf-pricing,#rcf-standard) .rcf-pay-alt-btn:is(:hover,:focus-visible){background:var(--rcf-std-btn-hover)!important;border-color:var(--rcf-std-btn-hover)!important;color:var(--gd-btn-tx-h,#fff)!important}
:is(.rcf-pricing,#rcf-standard) .rcf-plan-note{min-height:var(--rcf-std-bh)!important;border-radius:var(--rcf-std-br)!important}

/* Sign-in / sign-up tabs */
:is(.rcf,#rcf-standard).rcf-gate .rcf-gate-tabs a{min-height:var(--rcf-std-bh)!important;border-radius:var(--rcf-std-br)!important}

/* Cards and panels share the field corners */
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-card,.rcf-plan,.rcf-pricing-bar,.rcf-table-wrap,.rcf-disc){border-radius:var(--rcf-std-r)!important}

/* Big numbers (dashboard cards, prices) follow the main-title font and weight from GLOBAL DESIGN (0.9.78) */
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-stat>strong,.rcf-plan-price strong){font-family:var(--gd-head-ff,inherit)!important;font-weight:var(--gd-head-fw,400)!important}
/* Bold text inside Cloud Files is a lighter bold with Barlow Condensed (0.9.79) */
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(strong,b):not(.rcf-stat>strong):not(.rcf-plan-price strong):not(.rcf-clap-pow){font-weight:600!important}

/* Phone (0.9.87): the calling code sits inside the flag area – [flag +47 ▾ | number] */
:is(.rcf,#rcf-standard) .rcf-phone-row .rcf-phone-choice{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;padding:0 12px!important;align-self:stretch!important;border-right:1px solid var(--rcf-std-line)!important;background:#f4f7fb!important;min-width:0!important}
:is(.rcf,#rcf-standard) .rcf-phone-row .rcf-phone-dial{padding:0!important;font-size:var(--gd-fld-fs,15px)!important;font-weight:600!important;color:var(--rcf-std-ink)!important;white-space:nowrap;line-height:1}
:is(.rcf,#rcf-standard) .rcf-phone-row .rcf-phone-arrow{font-size:11px;color:#6b7385;margin-left:-2px}
:is(.rcf,#rcf-standard) .rcf-phone-row .rcf-phone-choice img{flex:0 0 26px;width:26px!important;height:18px!important;object-fit:cover;border-radius:3px!important}
:is(.rcf,#rcf-standard) .rcf-phone-row .rcf-phone-choice select{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;cursor:pointer}
:is(.rcf,#rcf-standard) .rcf-phone-row>input{flex:1 1 auto!important;min-width:0!important}

/* ============================================================================
 * MOBILE & TABLET STANDARD (0.9.88) – strict: only vertical scrolling, nothing
 * that can push the page sideways, no zoom-jump when tapping a field.
 * ========================================================================== */
/* 1. The page itself can never scroll or bounce sideways */
html:has(.rcf,.rcf-pricing,.rcf-cine),html:has(.rcf,.rcf-pricing,.rcf-cine) body{overflow-x:clip!important;max-width:100%!important;overscroll-behavior-x:none}
@supports not (overflow:clip){html:has(.rcf,.rcf-pricing,.rcf-cine),html:has(.rcf,.rcf-pricing,.rcf-cine) body{overflow-x:hidden!important}}
/* 2. Every Cloud Files area keeps its content (animations, flying birds, clouds) inside its own box */
:is(.rcf,.rcf-pricing,.rcf-acc,.rcf-cine,#rcf-standard){max-width:100%!important;overflow-x:clip!important;box-sizing:border-box}
:is(.rcf,.rcf-pricing,.rcf-acc,.rcf-cine,#rcf-standard) *,:is(.rcf,.rcf-pricing,.rcf-acc,.rcf-cine,#rcf-standard) *::before,:is(.rcf,.rcf-pricing,.rcf-acc,.rcf-cine,#rcf-standard) *::after{box-sizing:border-box}
:where(.rcf,.rcf-pricing,#rcf-standard) :where(img,video,svg,canvas,iframe){max-width:100%}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(p,li,td,th,a,code,span,strong,label,h1,h2,h3,h4){overflow-wrap:anywhere}
:is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(pre,table){max-width:100%}
:is(.rcf,#rcf-standard) .rcf-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
@media (max-width:1024px){
  /* 3. No zoom-jump on iPhone/iPad: fields must use at least 16px text */
  :is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]),select,textarea){font-size:max(16px,var(--gd-fld-fs,16px))!important}
  /* 4. Nothing wider than the screen: grids and flex rows fold to one column-friendly width */
  :is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-card,.rcf-plan,.rcf-plans,.rcf-pricing-bar,.rcf-form,.rcf-field,.rcf-grid,.rcf-stats,.rcf-transport,.rcf-dropzone){min-width:0!important;max-width:100%!important}
  :is(.rcf,.rcf-pricing,.rcf-acc,#rcf-standard) :is(.rcf-button,button){max-width:100%;white-space:normal}
  /* 5. Smooth, calm vertical scrolling */
  html:has(.rcf,.rcf-pricing,.rcf-cine),html:has(.rcf,.rcf-pricing,.rcf-cine) body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .rcf-notify-shade,.rcf .rcf-modal{max-height:100svh!important;overflow-y:auto!important;overscroll-behavior:contain}
}