/* CamGrid - Clean White skin */
body.camgrid-theme.cg-style-white {
  --cg-bg: #f5f6f8;
  --cg-bg-2: #ffffff;
  --cg-panel: #ffffff;
  --cg-panel-2: #f0f1f3;
  --cg-panel-3: #e8e9ec;
  --cg-border: #dfe1e6;
  --cg-border-soft: #eceef1;
  --cg-text: #18191c;
  --cg-muted: #686b73;
  --cg-dim: #8a8e97;
  --cg-shadow: 0 18px 42px rgba(28,31,38,.10);
  background: var(--cg-bg) !important;
  color: var(--cg-text) !important;
}

html.cg-root-light,
html:has(body.cg-style-white) { background: #f5f6f8 !important; color-scheme: light; }
body.cg-style-white ::selection { background: #15161a; color: #fff; }
body.cg-style-white,
body.cg-style-white * { scrollbar-color: #c7cad1 #f2f3f5; }
body.cg-style-white::-webkit-scrollbar-track,
body.cg-style-white *::-webkit-scrollbar-track { background: #f2f3f5 !important; }
body.cg-style-white::-webkit-scrollbar-thumb,
body.cg-style-white *::-webkit-scrollbar-thumb { background: #c7cad1 !important; }

body.cg-style-white .cg-header { background: rgba(255,255,255,.96) !important; border-bottom-color: var(--cg-border) !important; box-shadow: 0 10px 30px rgba(28,31,38,.08) !important; }
body.cg-style-white .cg-topbar { background: rgba(255,255,255,.98) !important; border-bottom-color: var(--cg-border-soft) !important; }
body.cg-style-white .cg-tabs { background: #fafafa !important; border-bottom-style: none !important; }
body.cg-style-white .cg-tab { color: #676a72 !important; }
body.cg-style-white .cg-tab:hover { color: #16171a !important; background: rgba(20,22,27,.045) !important; }
body.cg-style-white .cg-tab.is-active { color: #111216 !important; background: rgba(20,22,27,.055) !important; }
body.cg-style-white .cg-brand { color: #17181c !important; }
body.cg-style-white .cg-brand-text-first,
body.cg-style-white .cg-brand-text { color: #17181c; }
body.cg-style-white .cg-live-pill { background: #f4f5f7 !important; border-color: #dedfe4 !important; color: #4f5259 !important; }
body.cg-style-white .cg-menu-toggle,
body.cg-style-white .cg-sidebar-close,
body.cg-style-white .cg-auth-secondary { background: #f5f6f8 !important; color: #1d1e22 !important; border-color: #dfe1e6 !important; }
body.cg-style-white .cg-menu-toggle:hover,
body.cg-style-white .cg-sidebar-close:hover,
body.cg-style-white .cg-auth-secondary:hover { background: #eceef1 !important; border-color: #d2d5db !important; }
body.cg-style-white .cg-search { background: #f4f5f7 !important; border-color: #dfe1e6 !important; }
body.cg-style-white .cg-search:focus-within { background: #fff !important; border-color: #b8bbc3 !important; box-shadow: 0 0 0 3px rgba(20,22,27,.045) !important; }
body.cg-style-white .cg-search > i,
body.cg-style-white .cg-search-filter-toggle { color: #777b84 !important; }
body.cg-style-white .cg-search input { color: #1b1c20 !important; }
body.cg-style-white .cg-search input::placeholder { color: #969aa3 !important; }
body.cg-style-white .cg-main-menu a { color: #555860 !important; }
body.cg-style-white .cg-main-menu a:hover { color: #17181c !important; }

body.cg-style-white .cg-sidebar { background: #fff !important; color: var(--cg-text) !important; border-right-color: var(--cg-border) !important; box-shadow: 10px 0 28px rgba(28,31,38,.065) !important; }
body.cg-style-white .cg-sidebar-head { background: #fafafa !important; border-bottom-color: var(--cg-border-soft) !important; }
body.cg-style-white .cg-sidebar-title strong { color: #1d1e22 !important; }
body.cg-style-white .cg-sidebar-title span { color: #7a7e87 !important; }
body.cg-style-white .cg-sidebar-title i,
body.cg-style-white .cg-side-menu a i,
body.cg-style-white .cg-filter-name i,
body.cg-style-white .cg-sidebar-pages a i { color: #81858e !important; }
body.cg-style-white .cg-side-menu a,
body.cg-style-white .cg-filter-row,
body.cg-style-white .cg-sidebar-pages a { color: #5b5e66 !important; }
body.cg-style-white .cg-side-menu a:hover,
body.cg-style-white .cg-filter-row:hover,
body.cg-style-white .cg-sidebar-pages a:hover { background: #f2f3f5 !important; color: #17181c !important; }
body.cg-style-white .cg-side-menu a.is-active,
body.cg-style-white .cg-filter-row:has(input:checked),
body.cg-style-white .cg-filter-row.is-checked { background: #eceef1 !important; color: #15161a !important; }
body.cg-style-white .cg-filter-section { border-bottom-color: var(--cg-border-soft) !important; }
body.cg-style-white .cg-filter-section h3 { color: #8a8e97 !important; }
body.cg-style-white .cg-filter-count { color: #999da6 !important; }
body.cg-style-white .cg-sidebar::-webkit-scrollbar-thumb { background: rgba(35,38,45,.20) !important; }

body.cg-style-white .cg-main { color: var(--cg-text) !important; }
body.cg-style-white .cg-section-title { color: #18191c !important; }
body.cg-style-white .cg-section-title i { color: var(--cg-accent) !important; }
body.cg-style-white .cg-card { background: transparent !important; }
body.cg-style-white .cg-thumb { background: #e8eaee !important; }
body.cg-style-white .cg-card-link { color: #fff !important; }
body.cg-style-white .cg-card-title,
body.cg-style-white .cg-card-subline { color: #fff !important; }

body.cg-style-white .cg-page-head,
body.cg-style-white .cg-empty-state { background: #fff !important; border-color: var(--cg-border) !important; color: var(--cg-text) !important; box-shadow: 0 10px 28px rgba(28,31,38,.055) !important; }
body.cg-style-white .cg-page-head p,
body.cg-style-white .cg-empty-state { color: var(--cg-muted) !important; }
body.cg-style-white .cg-video-card,
body.cg-style-white .cg-blog-card { background: #fff !important; border-color: var(--cg-border) !important; box-shadow: 0 8px 22px rgba(28,31,38,.045) !important; }
body.cg-style-white .cg-video-card:hover,
body.cg-style-white .cg-blog-card:hover { background: #fff !important; border-color: #cfd2d8 !important; box-shadow: 0 14px 32px rgba(28,31,38,.085) !important; }
body.cg-style-white .cg-video-body h2,
body.cg-style-white .cg-blog-body h2,
body.cg-style-white .cg-video-card h2,
body.cg-style-white .cg-blog-card h2 { color: #1b1c20 !important; }
body.cg-style-white .cg-video-body p,
body.cg-style-white .cg-blog-body p { color: #72767f !important; }
body.cg-style-white .cg-video-placeholder { color: #757982 !important; background: radial-gradient(circle at center,#f0f1f3,#e6e8eb) !important; }
body.cg-style-white .cg-video-pagination .page-numbers,
body.cg-style-white .cg-video-pagination a,
body.cg-style-white .cg-video-pagination span { background: #fff !important; border-color: var(--cg-border) !important; color: #555860 !important; }
body.cg-style-white .cg-video-pagination .current { background: var(--cg-accent) !important; border-color: var(--cg-accent) !important; color: var(--cg-accent-contrast) !important; }

/* Webcam archive pagination uses .pagination-custom, separately from video/blog archives. */
body.cg-style-white .pagination-custom a,
body.cg-style-white .pagination-custom span.current {
  background: #fff !important;
  border-color: var(--cg-border) !important;
  color: #454850 !important;
  box-shadow: 0 4px 12px rgba(28,31,38,.06) !important;
}
body.cg-style-white .pagination-custom a:hover {
  background: #eceef1 !important;
  border-color: #c7cad1 !important;
  color: #17181c !important;
}
body.cg-style-white .pagination-custom span.current {
  background: var(--cg-accent) !important;
  border-color: var(--cg-accent) !important;
  color: var(--cg-accent-contrast) !important;
}

body.cg-style-white.single-webcam .pc-webcam-wrap { color: #1d1e22 !important; }
body.cg-style-white.single-webcam .pc-header,
body.cg-style-white.single-webcam .pc-info-card { background: rgba(255,255,255,.96) !important; border-color: var(--cg-border) !important; color: #1d1e22 !important; box-shadow: 0 14px 34px rgba(28,31,38,.08) !important; }
body.cg-style-white.single-webcam .pc-header .rounded-full { background: #f0f1f3 !important; border-color: #dfe1e6 !important; }
body.cg-style-white.single-webcam .pc-header a.text-lg,
body.cg-style-white.single-webcam .pc-info-card h3 { color: #18191c !important; text-shadow: none !important; }
body.cg-style-white.single-webcam .pc-header .text-sm,
body.cg-style-white.single-webcam .pc-header .text-gray-400,
body.cg-style-white.single-webcam .cg-single-country,
body.cg-style-white.single-webcam .cg-single-gender { color: #777b84 !important; }
body.cg-style-white.single-webcam .cg-single-country:hover,
body.cg-style-white.single-webcam .cg-single-gender:hover { color: #1c1d21 !important; }
body.cg-style-white.single-webcam .pc-compact-grid > div { background: #f5f6f8 !important; border-color: #e5e7eb !important; }
body.cg-style-white.single-webcam .pc-subttl { color: #9397a0 !important; }
body.cg-style-white.single-webcam .pc-embed,
body.cg-style-white.single-webcam .responsive-embed { border-color: #d8dbe1 !important; box-shadow: 0 18px 42px rgba(28,31,38,.12) !important; }
body.cg-style-white.single-webcam .cg-player-resize-handle span { background: rgba(28,31,38,.18) !important; box-shadow: none !important; }

body.cg-style-white .cg-bottom-cta { background: rgba(255,255,255,.95) !important; border-color: var(--cg-border) !important; box-shadow: 0 -10px 28px rgba(28,31,38,.08) !important; }
body.cg-style-white .cg-bottom-cta span { color: #4f5259 !important; }
body.cg-style-white .cg-bottom-cta-close { background: #f0f1f3 !important; border-color: #dcdee3 !important; color: #4f5259 !important; }
body.cg-style-white .cg-footer { background: var(--cg-bg) !important; color: var(--cg-muted) !important; border-color: var(--cg-border) !important; }
body.cg-style-white .cg-footer a { color: #666a72 !important; }
body.cg-style-white .cg-footer a:hover { color: #1d1e22 !important; }
body.cg-style-white .cg-friends-topbar { background: rgba(248,249,250,.98) !important; border-bottom-color: var(--cg-border) !important; }
body.cg-style-white .cg-friends-label { color: #8b8f98 !important; }
body.cg-style-white .cg-friends-links a { color: #686c74 !important; background: rgba(20,22,27,.035) !important; border-color: rgba(20,22,27,.055) !important; }
body.cg-style-white .cg-friends-links a:hover { color: #1b1c20 !important; background: rgba(20,22,27,.07) !important; }

body.cg-style-white .cg-search-filters-panel { background: #fff !important; border-color: #dfe1e6 !important; color: #1d1e22 !important; box-shadow: 0 18px 44px rgba(28,31,38,.15) !important; }
body.cg-style-white .cg-search-filters-panel strong { color: #777b84 !important; }
body.cg-style-white .cg-search-type-list label { color: #555860 !important; }
body.cg-style-white .cg-search-type-list label:hover { background: #f2f3f5 !important; color: #17181c !important; }
body.cg-style-white .cg-search-type-list input { accent-color: var(--cg-accent); }
body.cg-style-white .cg-404-simple h1,
body.cg-style-white .cg-post-title,
body.cg-style-white .cg-post-article h1,
body.cg-style-white .cg-post-article h2,
body.cg-style-white .cg-post-article h3 { color: #1a1b1f !important; }
body.cg-style-white .cg-404-simple p,
body.cg-style-white .cg-post-article { color: #5f636b !important; }
body.cg-style-white .cg-404-secondary { background: #fff !important; color: #25262a !important; border-color: var(--cg-border) !important; }
body.cg-style-white #age-verification-overlay { background: rgba(243,244,247,.88) !important; }
body.cg-style-white #age-verification-overlay .verification-content { background: #fff !important; color: #1c1d21 !important; border-color: #dfe1e6 !important; box-shadow: 0 24px 70px rgba(28,31,38,.16) !important; }
body.cg-style-white #age-verification-overlay h2 { color: #16171a !important; }
body.cg-style-white #age-verification-overlay p { color: #70747c !important; }

/* CamGrid 1.2.1 - Clean White contrast and controls polish */

/* Search action: visible light control with a dark arrow. */
body.cg-style-white .cg-search-submit {
  background: #e8eaee !important;
  border: 1px solid #d9dce2 !important;
  color: #202126 !important;
  box-shadow: none !important;
}
body.cg-style-white .cg-search-submit i {
  color: #202126 !important;
}
body.cg-style-white .cg-search-submit:hover {
  background: #dfe2e7 !important;
  border-color: #cfd3da !important;
  color: #111216 !important;
}
body.cg-style-white .cg-search-submit:hover i {
  color: #111216 !important;
}

/* Cam Information taxonomy/meta chips: light surfaces, dark readable text. */
body.cg-style-white.single-webcam .pc-chip,
body.cg-style-white.single-webcam .pc-viewers,
body.cg-style-white.single-webcam .pc-more-btn {
  background: #f2f3f5 !important;
  border-color: #dfe1e6 !important;
  color: #292b31 !important;
  text-shadow: none !important;
}
body.cg-style-white.single-webcam a.pc-chip:hover,
body.cg-style-white.single-webcam .pc-more-btn:hover {
  background: #e8eaee !important;
  border-color: #cfd3da !important;
  color: #111216 !important;
}
body.cg-style-white.single-webcam .pc-description,
body.cg-style-white.single-webcam .pc-description p {
  color: #555961 !important;
}
body.cg-style-white.single-webcam .pc-flag {
  color: inherit !important;
}

/* Favorite / bookmark controls: clear light buttons with dark hearts. */
body.cg-style-white .cg-favorite-btn {
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(28,31,38,.14) !important;
  color: #26282e !important;
  box-shadow: 0 7px 18px rgba(28,31,38,.13) !important;
}
body.cg-style-white .cg-favorite-btn i {
  color: #26282e !important;
}
body.cg-style-white .cg-favorite-btn:hover {
  background: #ffffff !important;
  border-color: rgba(28,31,38,.24) !important;
  color: #111216 !important;
}
body.cg-style-white .cg-favorite-btn:hover i {
  color: #111216 !important;
}
body.cg-style-white .cg-favorite-btn.is-active {
  background: var(--cg-accent) !important;
  border-color: var(--cg-accent) !important;
  color: var(--cg-accent-contrast) !important;
}
body.cg-style-white .cg-favorite-btn.is-active i {
  color: var(--cg-accent-contrast) !important;
}

/* Remaining single information surfaces. */
body.cg-style-white.single-webcam .pc-section {
  border-color: #eceef1 !important;
}
body.cg-style-white.single-webcam .pc-info-card details,
body.cg-style-white.single-webcam .pc-info-card summary {
  color: #3f4249 !important;
}

/* CamGrid 1.2.2 - Clean White sidebar promo gradient */
body.cg-style-white #cg-sidebar .cg-sidebar-promo {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--cg-accent) 34%, #ffffff) 0%,
      color-mix(in srgb, var(--cg-accent) 14%, #ffffff) 52%,
      #ffffff 100%
    ) !important;
  border-color: color-mix(in srgb, var(--cg-accent) 24%, #dfe2e7) !important;
  box-shadow: 0 10px 26px rgba(28,31,38,.08) !important;
}
body.cg-style-white #cg-sidebar .cg-sidebar-promo::before {
  background:
    radial-gradient(
      circle at 18% 18%,
      color-mix(in srgb, var(--cg-accent) 24%, transparent),
      transparent 58%
    ) !important;
  opacity: .9 !important;
}
body.cg-style-white #cg-sidebar .cg-sidebar-promo strong {
  color: #1f2126 !important;
  text-shadow: none !important;
}
body.cg-style-white #cg-sidebar .cg-sidebar-promo small {
  color: #666a72 !important;
  text-shadow: none !important;
}

/* CamGrid 1.2.3 - Clean White home copy + age gate */
body.cg-style-white .home-featured-text,
body.cg-style-white .home-featured-text p,
body.cg-style-white .home-featured-text a {
  color: #555a63 !important;
}
body.cg-style-white .home-featured-text a:hover {
  color: #1d1f24 !important;
}

/* Clean White age verification */
body.cg-style-white #age-verification-overlay {
  background: rgba(238,240,244,.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
body.cg-style-white #age-verification-overlay .verification-card {
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
  color: #1d1f24 !important;
  border-color: #dfe2e8 !important;
  box-shadow: 0 28px 80px rgba(35,39,47,.16) !important;
}
body.cg-style-white #age-verification-overlay .verification-title {
  color: #17191d !important;
}
body.cg-style-white #age-verification-overlay .verification-copy {
  color: #5b6069 !important;
}
body.cg-style-white #age-verification-overlay .remember-row {
  color: #5f646d !important;
}
body.cg-style-white #age-verification-overlay .toggle-slider {
  background: #e3e6eb !important;
  border-color: #cfd4dc !important;
  box-shadow: inset 0 1px 2px rgba(29,32,38,.08) !important;
}
body.cg-style-white #age-verification-overlay .toggle-slider::before {
  background: #ffffff !important;
  box-shadow: 0 2px 7px rgba(29,32,38,.20) !important;
}
body.cg-style-white #age-verification-overlay .toggle-checkbox:checked + .toggle-slider {
  background: var(--cg-accent) !important;
  border-color: color-mix(in srgb, var(--cg-accent) 76%, #8d929c 24%) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cg-accent) 10%, transparent) !important;
}
body.cg-style-white #age-verification-overlay .toggle-checkbox:checked + .toggle-slider::before {
  background: var(--cg-accent-contrast) !important;
}
body.cg-style-white #age-verification-overlay .exit-link {
  color: #737882 !important;
}
body.cg-style-white #age-verification-overlay .exit-link:hover {
  color: #202228 !important;
}
body.cg-style-white #age-verification-overlay .legal-text {
  color: #8a8f98 !important;
}

/* CamGrid 1.2.13 - Clean White news text contrast */
body.cg-style-white .cg-blog-body p,
body.cg-style-white .cg-news-page .cg-blog-body p,
body.cg-style-white .cg-post-article,
body.cg-style-white .cg-post-article p,
body.cg-style-white .cg-post-article li {
  color: #50545d !important;
}