/* #gc-contrast-fixes-inline-css */


/* ---- BLOCK 1: subscription CTA banners ------------------------------------------- */
.gc-storefront-subscription-cta--sub-disc-teaser{
  box-shadow:inset 0 0 0 999px rgba(0,0,0,.36) !important;
  border-color:rgba(255,255,255,.28) !important;
}
.gc-storefront-subscription-cta--sub-disc-teaser .gc-storefront-subscription-cta__text small{
  color:rgba(255,255,255,.95) !important;
}
.gc-storefront-subscription-cta--nonsub{
  background:linear-gradient(135deg,rgba(255,214,102,.88),rgba(249,168,37,.88)) !important;
  border-color:rgba(255,223,120,.42) !important;
  color:#2b1700 !important;
}
.gc-storefront-subscription-cta--nonsub .gc-storefront-subscription-cta__icon{opacity:1 !important}
.gc-storefront-subscription-cta--nonsub .gc-storefront-subscription-cta__text strong{color:#2b1700 !important}
.gc-storefront-subscription-cta--nonsub .gc-storefront-subscription-cta__text small{color:#45280a !important}

/* ---- BLOCK 2: publish checklist, LIGHT THEME ONLY --------------------------------- */
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-cta{color:#166534 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-heading-text{color:#6b3d02 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-counter{color:#6b3d02 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-label{color:#4a2c00 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-row[data-state="done"] .gc-checklist-label{color:#166534 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-row[data-state="done"] .gc-checklist-icon{color:#166534 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-row[data-state="encoding"] .gc-checklist-label{color:#7c4a03 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-row[data-state="encoding"] .gc-checklist-icon{color:#7c4a03 !important}
html[data-theme="light"] .gc-publish-checklist-v1 .gc-checklist-hint{color:#7c4a03 !important}

/*# sourceURL=gc-contrast-fixes-inline-css */

/* #gc-notice-dark-palette-inline-css */

/* custom-orders save notice — store manager only; the storefront copy is already dark */
html:not([data-theme="light"]) body.gc-store-manager-page .gc-co-notice--success {
    background: rgba(61,214,140,0.12) !important;
    border-color: rgba(61,214,140,0.34) !important;
    color: #9ff5c8 !important;
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-co-notice--error {
    background: rgba(248,113,113,0.12) !important;
    border-color: rgba(248,113,113,0.34) !important;
    color: #ffc9c9 !important;
}
/* Token-rate hint on the profile page.
   SPECIFICITY, THE HARD WAY: class-gc-profile-page.php:1391 already pins the colour with
       body.gc-store-manager-page #wcfm-main-contentainer .gc-profile-section__rate-hint{color:#1f2937!important}
   which is (1,2,1). A first attempt here used html:not([data-theme]) .class — (0,2,1) — plus
   !important, and LOST: the background went dark while the text stayed #1f2937, i.e. dark on
   dark at 1.02:1. Worse than before the fix. !important does not beat higher specificity;
   the selector has to carry the ID too. Measured after: see QA-MASTER-STATUS.
   The chat-picker variant is deliberately NOT touched — it is already white-on-dark. */
html:not([data-theme="light"]) body.gc-store-manager-page #wcfm-main-contentainer .gc-profile-section__rate-hint,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-profile-section__rate-hint {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-left: 3px solid rgba(120,170,255,0.75) !important;
    color: #edf4ff !important;
}
/* Add-Custom-Fee panel on the creator's custom-order list.
   class-gc-custom-orders.php:1556 paints it white (background:#fff, dashed #cbd5e1) with a
   dark h4 (#1e293b) and a pale hint (#94a3b8). Inside the dark store manager the heading is
   forced light, so it reads as faint text on a white slab — the same family as the size grid.
   Found on camera in the `decline` recording, 9.5% of the frame. */
html:not([data-theme="light"]) body.gc-store-manager-page .gc-co-fee-section {
    background: rgba(255,255,255,0.05) !important;
    border: 1px dashed rgba(255,255,255,0.22) !important;
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-co-fee-section h4 {
    color: #edf4ff !important;
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-co-fee-hint {
    color: #c3ccda !important;
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-co-fee-form__field label,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-co-fee-section label {
    color: #edf4ff !important;
}
html:not([data-theme="light"]) body.gc-store-manager-page #wcfm-main-contentainer .gc-profile-section__rate-hint strong,
html:not([data-theme="light"]) body.gc-store-manager-page #wcfm-main-contentainer .gc-profile-section__rate-hint,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-profile-section__rate-hint strong {
    color: #edf4ff !important;
}
/*# sourceURL=gc-notice-dark-palette-inline-css */

/* #gc-pp-form-dark-palette-inline-css */


/* Re-tint the form palette for the dark shell. Translucent white composites over whatever
   page background each brand uses, so one file is correct on all three sites. */
html:not([data-theme="light"]) .gc-pp-v2-root {
    --gc-bg:          rgba(255,255,255,0.02);
    --gc-bg-soft:     rgba(255,255,255,0.05);
    --gc-border:      rgba(255,255,255,0.14);
    --gc-border-hov:  rgba(255,255,255,0.26);
    --gc-text:        #edf4ff;
    --gc-text-soft:   #c8d2e0;
    --gc-text-muted:  #9aa7b8;
}
/* The size label inherits from the shell, so state it explicitly rather than relying on
   the token cascade reaching it. */
html:not([data-theme="light"]) .gc-pp-v2-root .gc-pp-sizecell-label,
html:not([data-theme="light"]) .gc-pp-v2-root .gc-pp-sizegrid-label,
html:not([data-theme="light"]) .gc-pp-v2-root .gc-pp-sizegrid-total {
    color: #edf4ff !important;
}
html:not([data-theme="light"]) .gc-pp-v2-root .gc-pp-sizecell {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.14) !important;
}
/* Literal light values hardcoded in the same stylesheet, not reachable via the tokens. */
html:not([data-theme="light"]) .gc-pp-v2-root .gc-pp-wornin-item {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.14) !important;
}
html:not([data-theme="light"]) .gc-pp-v2-root .gc-pp-wornin-thumb {
    background-color: rgba(255,255,255,0.08) !important;
}
/* Legacy chip variant (class-guyscat-platform.php ~L31635 + assets/gc-pp-size-grid.js ~L97)
   hardcodes background:#fff INLINE with no colour. Not rendered on the surface measured
   above, but it is still in the codebase and would reproduce the same 1.1:1 wherever it is.
   Inline styles need !important to override. */
html:not([data-theme="light"]) .gc_pp_size_chip {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.14) !important;
    color: #edf4ff !important;
}
html:not([data-theme="light"]) .gc_pp_size_chip span { color: #edf4ff !important; }
html:not([data-theme="light"]) .gc_pp_size_chip_input {
    background: rgba(0,0,0,0.25) !important;
    color: #edf4ff !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
}
/*# sourceURL=gc-pp-form-dark-palette-inline-css */

/* #gc-seg-toggle-3up-wrap-inline-css */


@media (max-width: 640px) {
  .gc-seg-toggle.gc-seg-toggle--3up,
  html body.gc-store-manager-page .gc-seg-toggle.gc-seg-toggle--3up,
  html body.gc-store-manager-page #wcfm-main-contentainer .gc-seg-toggle.gc-seg-toggle--3up {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .gc-seg-toggle.gc-seg-toggle--3up .gc-seg-toggle__btn,
  html body.gc-store-manager-page .gc-seg-toggle.gc-seg-toggle--3up .gc-seg-toggle__btn,
  html body.gc-store-manager-page #wcfm-main-contentainer .gc-seg-toggle.gc-seg-toggle--3up .gc-seg-toggle__btn {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
}
/*# sourceURL=gc-seg-toggle-3up-wrap-inline-css */

/* #rocket-lazyload-inline-css */

.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://uploads.lewdden.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}
/*# sourceURL=rocket-lazyload-inline-css */