/* Gama Casino — dark blue brand theme override */

:root {
  --mc-main: #2f6fed;
  --mc-main-locked: #2f6fed;
  --mc-main-l5: #3976ee;
  --mc-main-d5: #2d69e1;
  --mc-main-l10: #447def;
  --mc-main-d10: #2a64d5;
  --mc-main-l20: #598cf1;
  --mc-main-d20: #2659be;
  --mc-main-o0: rgba(47, 111, 237, 0.0);
  --mc-main-o1: rgba(47, 111, 237, 0.1);
  --mc-main-o2: rgba(47, 111, 237, 0.2);
  --mc-main-o3: rgba(47, 111, 237, 0.3);
  --mc-main-o4: rgba(47, 111, 237, 0.4);
  --mc-main-o5: rgba(47, 111, 237, 0.5);
  --mc-main-o6: rgba(47, 111, 237, 0.6);
  --mc-main-o8: rgba(47, 111, 237, 0.8);
  --mc-secondary: #3b5bdb;
  --mc-secondary-locked: #3b5bdb;
  --mc-secondary-l5: #4563dd;
  --mc-secondary-d5: #3856d0;
  --mc-secondary-l10: #4f6bdf;
  --mc-secondary-d10: #3552c5;
  --mc-secondary-l20: #627ce2;
  --mc-secondary-d20: #2f49af;
  --mc-secondary-o0: rgba(59, 91, 219, 0.0);
  --mc-secondary-o1: rgba(59, 91, 219, 0.1);
  --mc-secondary-o2: rgba(59, 91, 219, 0.2);
  --mc-secondary-o3: rgba(59, 91, 219, 0.3);
  --mc-secondary-o4: rgba(59, 91, 219, 0.4);
  --mc-secondary-o5: rgba(59, 91, 219, 0.5);
  --mc-secondary-o6: rgba(59, 91, 219, 0.6);
  --mc-secondary-o8: rgba(59, 91, 219, 0.8);
  --mc-baseMain: #ffffff;
  --mc-baseMain-locked: #ffffff;
  --mc-baseMain-l5: #ffffff;
  --mc-baseMain-d5: #f2f2f2;
  --mc-baseMain-l10: #ffffff;
  --mc-baseMain-d10: #e6e6e6;
  --mc-baseMain-l20: #ffffff;
  --mc-baseMain-d20: #cccccc;
  --mc-baseMain-o0: rgba(255, 255, 255, 0.0);
  --mc-baseMain-o1: rgba(255, 255, 255, 0.1);
  --mc-baseMain-o2: rgba(255, 255, 255, 0.2);
  --mc-baseMain-o3: rgba(255, 255, 255, 0.3);
  --mc-baseMain-o4: rgba(255, 255, 255, 0.4);
  --mc-baseMain-o5: rgba(255, 255, 255, 0.5);
  --mc-baseMain-o6: rgba(255, 255, 255, 0.6);
  --mc-baseMain-o8: rgba(255, 255, 255, 0.8);
  --mc-baseContrast: #000000;
  --mc-baseContrast-locked: #000000;
  --mc-baseContrast-l5: #0d0d0d;
  --mc-baseContrast-d5: #000000;
  --mc-baseContrast-l10: #1a1a1a;
  --mc-baseContrast-d10: #000000;
  --mc-baseContrast-l20: #333333;
  --mc-baseContrast-d20: #000000;
  --mc-baseContrast-o0: rgba(0, 0, 0, 0.0);
  --mc-baseContrast-o1: rgba(0, 0, 0, 0.1);
  --mc-baseContrast-o2: rgba(0, 0, 0, 0.2);
  --mc-baseContrast-o3: rgba(0, 0, 0, 0.3);
  --mc-baseContrast-o4: rgba(0, 0, 0, 0.4);
  --mc-baseContrast-o5: rgba(0, 0, 0, 0.5);
  --mc-baseContrast-o6: rgba(0, 0, 0, 0.6);
  --mc-baseContrast-o8: rgba(0, 0, 0, 0.8);
  --mc-buttonColor: #38bdf8;
  --mc-buttonColor-locked: #38bdf8;
  --mc-buttonColor-l5: #42c0f8;
  --mc-buttonColor-d5: #35b4ec;
  --mc-buttonColor-l10: #4cc4f9;
  --mc-buttonColor-d10: #32aadf;
  --mc-buttonColor-l20: #60caf9;
  --mc-buttonColor-d20: #2d97c6;
  --mc-buttonColor-o0: rgba(56, 189, 248, 0.0);
  --mc-buttonColor-o1: rgba(56, 189, 248, 0.1);
  --mc-buttonColor-o2: rgba(56, 189, 248, 0.2);
  --mc-buttonColor-o3: rgba(56, 189, 248, 0.3);
  --mc-buttonColor-o4: rgba(56, 189, 248, 0.4);
  --mc-buttonColor-o5: rgba(56, 189, 248, 0.5);
  --mc-buttonColor-o6: rgba(56, 189, 248, 0.6);
  --mc-buttonColor-o8: rgba(56, 189, 248, 0.8);
  --mc-baseOpacity: rgba(47, 111, 237, 0.15);
  --mc-bg100: #3d5a99;
  --mc-bg100-locked: #3d5a99;
  --mc-bg100-l5: #47629e;
  --mc-bg100-d5: #3a5691;
  --mc-bg100-l10: #506aa3;
  --mc-bg100-d10: #37518a;
  --mc-bg100-l20: #647bad;
  --mc-bg100-d20: #31487a;
  --mc-bg100-o0: rgba(61, 90, 153, 0.0);
  --mc-bg100-o1: rgba(61, 90, 153, 0.1);
  --mc-bg100-o2: rgba(61, 90, 153, 0.2);
  --mc-bg100-o3: rgba(61, 90, 153, 0.3);
  --mc-bg100-o4: rgba(61, 90, 153, 0.4);
  --mc-bg100-o5: rgba(61, 90, 153, 0.5);
  --mc-bg100-o6: rgba(61, 90, 153, 0.6);
  --mc-bg100-o8: rgba(61, 90, 153, 0.8);
  --mc-bg300: #182849;
  --mc-bg300-locked: #182849;
  --mc-bg300-l5: #243352;
  --mc-bg300-d5: #172645;
  --mc-bg300-l10: #2f3e5b;
  --mc-bg300-d10: #162442;
  --mc-bg300-l20: #46536d;
  --mc-bg300-d20: #13203a;
  --mc-bg300-o0: rgba(24, 40, 73, 0.0);
  --mc-bg300-o1: rgba(24, 40, 73, 0.1);
  --mc-bg300-o2: rgba(24, 40, 73, 0.2);
  --mc-bg300-o3: rgba(24, 40, 73, 0.3);
  --mc-bg300-o4: rgba(24, 40, 73, 0.4);
  --mc-bg300-o5: rgba(24, 40, 73, 0.5);
  --mc-bg300-o6: rgba(24, 40, 73, 0.6);
  --mc-bg300-o8: rgba(24, 40, 73, 0.8);
  --mc-bg500: #101d3d;
  --mc-bg500-locked: #101d3d;
  --mc-bg500-l5: #1c2847;
  --mc-bg500-d5: #0f1c3a;
  --mc-bg500-l10: #283450;
  --mc-bg500-d10: #0e1a37;
  --mc-bg500-l20: #404a64;
  --mc-bg500-d20: #0d1731;
  --mc-bg500-o0: rgba(16, 29, 61, 0.0);
  --mc-bg500-o1: rgba(16, 29, 61, 0.1);
  --mc-bg500-o2: rgba(16, 29, 61, 0.2);
  --mc-bg500-o3: rgba(16, 29, 61, 0.3);
  --mc-bg500-o4: rgba(16, 29, 61, 0.4);
  --mc-bg500-o5: rgba(16, 29, 61, 0.5);
  --mc-bg500-o6: rgba(16, 29, 61, 0.6);
  --mc-bg500-o8: rgba(16, 29, 61, 0.8);
  --mc-bg700: #0a1730;
  --mc-bg700-locked: #0a1730;
  --mc-bg700-l5: #16233a;
  --mc-bg700-d5: #0a162e;
  --mc-bg700-l10: #222e45;
  --mc-bg700-d10: #09152b;
  --mc-bg700-l20: #3b4559;
  --mc-bg700-d20: #081226;
  --mc-bg700-o0: rgba(10, 23, 48, 0.0);
  --mc-bg700-o1: rgba(10, 23, 48, 0.1);
  --mc-bg700-o2: rgba(10, 23, 48, 0.2);
  --mc-bg700-o3: rgba(10, 23, 48, 0.3);
  --mc-bg700-o4: rgba(10, 23, 48, 0.4);
  --mc-bg700-o5: rgba(10, 23, 48, 0.5);
  --mc-bg700-o6: rgba(10, 23, 48, 0.6);
  --mc-bg700-o8: rgba(10, 23, 48, 0.8);
  --mc-bg: #0c1730;
  --mc-bg-locked: #0c1730;
  --mc-bg-l5: #18233a;
  --mc-bg-d5: #0b162e;
  --mc-bg-l10: #242e45;
  --mc-bg-d10: #0b152b;
  --mc-bg-l20: #3d4559;
  --mc-bg-d20: #0a1226;
  --mc-bg-o0: rgba(12, 23, 48, 0.0);
  --mc-bg-o1: rgba(12, 23, 48, 0.1);
  --mc-bg-o2: rgba(12, 23, 48, 0.2);
  --mc-bg-o3: rgba(12, 23, 48, 0.3);
  --mc-bg-o4: rgba(12, 23, 48, 0.4);
  --mc-bg-o5: rgba(12, 23, 48, 0.5);
  --mc-bg-o6: rgba(12, 23, 48, 0.6);
  --mc-bg-o8: rgba(12, 23, 48, 0.8);
  --mc-bgModal: #060c1f;
  --mc-bgModal-locked: #060c1f;
  --mc-bgModal-l5: #12182a;
  --mc-bgModal-d5: #060b1d;
  --mc-bgModal-l10: #1f2435;
  --mc-bgModal-d10: #050b1c;
  --mc-bgModal-l20: #383d4c;
  --mc-bgModal-d20: #050a19;
  --mc-bgModal-o0: rgba(6, 12, 31, 0.0);
  --mc-bgModal-o1: rgba(6, 12, 31, 0.1);
  --mc-bgModal-o2: rgba(6, 12, 31, 0.2);
  --mc-bgModal-o3: rgba(6, 12, 31, 0.3);
  --mc-bgModal-o4: rgba(6, 12, 31, 0.4);
  --mc-bgModal-o5: rgba(6, 12, 31, 0.5);
  --mc-bgModal-o6: rgba(6, 12, 31, 0.6);
  --mc-bgModal-o8: rgba(6, 12, 31, 0.8);
  --mc-elementsColor: #a9b8d6;
  --mc-elementsColor-locked: #a9b8d6;
  --mc-elementsColor-l5: #adbcd8;
  --mc-elementsColor-d5: #a1afcb;
  --mc-elementsColor-l10: #b2bfda;
  --mc-elementsColor-d10: #98a6c1;
  --mc-elementsColor-l20: #bac6de;
  --mc-elementsColor-d20: #8793ab;
  --mc-elementsColor-o0: rgba(169, 184, 214, 0.0);
  --mc-elementsColor-o1: rgba(169, 184, 214, 0.1);
  --mc-elementsColor-o2: rgba(169, 184, 214, 0.2);
  --mc-elementsColor-o3: rgba(169, 184, 214, 0.3);
  --mc-elementsColor-o4: rgba(169, 184, 214, 0.4);
  --mc-elementsColor-o5: rgba(169, 184, 214, 0.5);
  --mc-elementsColor-o6: rgba(169, 184, 214, 0.6);
  --mc-elementsColor-o8: rgba(169, 184, 214, 0.8);
  --mc-mainHover: #6f9bff;
  --mc-mainHover-locked: #6f9bff;
  --mc-mainHover-l5: #76a0ff;
  --mc-mainHover-d5: #6993f2;
  --mc-mainHover-l10: #7da5ff;
  --mc-mainHover-d10: #648ce6;
  --mc-mainHover-l20: #8cafff;
  --mc-mainHover-d20: #597ccc;
  --mc-mainHover-o0: rgba(111, 155, 255, 0.0);
  --mc-mainHover-o1: rgba(111, 155, 255, 0.1);
  --mc-mainHover-o2: rgba(111, 155, 255, 0.2);
  --mc-mainHover-o3: rgba(111, 155, 255, 0.3);
  --mc-mainHover-o4: rgba(111, 155, 255, 0.4);
  --mc-mainHover-o5: rgba(111, 155, 255, 0.5);
  --mc-mainHover-o6: rgba(111, 155, 255, 0.6);
  --mc-mainHover-o8: rgba(111, 155, 255, 0.8);
  --mc-buttonColorHover: #7dd8fb;
  --mc-buttonColorHover-locked: #7dd8fb;
  --mc-buttonColorHover-l5: #84dafb;
  --mc-buttonColorHover-d5: #77cdee;
  --mc-buttonColorHover-l10: #8adcfb;
  --mc-buttonColorHover-d10: #70c2e2;
  --mc-buttonColorHover-l20: #97e0fc;
  --mc-buttonColorHover-d20: #64adc9;
  --mc-buttonColorHover-o0: rgba(125, 216, 251, 0.0);
  --mc-buttonColorHover-o1: rgba(125, 216, 251, 0.1);
  --mc-buttonColorHover-o2: rgba(125, 216, 251, 0.2);
  --mc-buttonColorHover-o3: rgba(125, 216, 251, 0.3);
  --mc-buttonColorHover-o4: rgba(125, 216, 251, 0.4);
  --mc-buttonColorHover-o5: rgba(125, 216, 251, 0.5);
  --mc-buttonColorHover-o6: rgba(125, 216, 251, 0.6);
  --mc-buttonColorHover-o8: rgba(125, 216, 251, 0.8);
  --fc-labelColor: #5a7bb0;
  --fc-labelColor-locked: #5a7bb0;
  --fc-labelColor-l5: #6282b4;
  --fc-labelColor-d5: #5675a7;
  --fc-labelColor-l10: #6a88b8;
  --fc-labelColor-d10: #516f9e;
  --fc-labelColor-l20: #7b95c0;
  --fc-labelColor-d20: #48628d;
  --fc-labelColor-o0: rgba(90, 123, 176, 0.0);
  --fc-labelColor-o1: rgba(90, 123, 176, 0.1);
  --fc-labelColor-o2: rgba(90, 123, 176, 0.2);
  --fc-labelColor-o3: rgba(90, 123, 176, 0.3);
  --fc-labelColor-o4: rgba(90, 123, 176, 0.4);
  --fc-labelColor-o5: rgba(90, 123, 176, 0.5);
  --fc-labelColor-o6: rgba(90, 123, 176, 0.6);
  --fc-labelColor-o8: rgba(90, 123, 176, 0.8);
  --fc-inputBg: #0c1730;
  --fc-inputBg-locked: #0c1730;
  --fc-inputBg-l5: #18233a;
  --fc-inputBg-d5: #0b162e;
  --fc-inputBg-l10: #242e45;
  --fc-inputBg-d10: #0b152b;
  --fc-inputBg-l20: #3d4559;
  --fc-inputBg-d20: #0a1226;
  --fc-inputBg-o0: rgba(12, 23, 48, 0.0);
  --fc-inputBg-o1: rgba(12, 23, 48, 0.1);
  --fc-inputBg-o2: rgba(12, 23, 48, 0.2);
  --fc-inputBg-o3: rgba(12, 23, 48, 0.3);
  --fc-inputBg-o4: rgba(12, 23, 48, 0.4);
  --fc-inputBg-o5: rgba(12, 23, 48, 0.5);
  --fc-inputBg-o6: rgba(12, 23, 48, 0.6);
  --fc-inputBg-o8: rgba(12, 23, 48, 0.8);
  --fc-borderColor: #5a7bb0;
  --fc-borderColor-locked: #5a7bb0;
  --fc-borderColor-l5: #6282b4;
  --fc-borderColor-d5: #5675a7;
  --fc-borderColor-l10: #6a88b8;
  --fc-borderColor-d10: #516f9e;
  --fc-borderColor-l20: #7b95c0;
  --fc-borderColor-d20: #48628d;
  --fc-borderColor-o0: rgba(90, 123, 176, 0.0);
  --fc-borderColor-o1: rgba(90, 123, 176, 0.1);
  --fc-borderColor-o2: rgba(90, 123, 176, 0.2);
  --fc-borderColor-o3: rgba(90, 123, 176, 0.3);
  --fc-borderColor-o4: rgba(90, 123, 176, 0.4);
  --fc-borderColor-o5: rgba(90, 123, 176, 0.5);
  --fc-borderColor-o6: rgba(90, 123, 176, 0.6);
  --fc-borderColor-o8: rgba(90, 123, 176, 0.8);
  --fc-textColor: #ffffff;
  --fc-textColor-locked: #ffffff;
  --fc-textColor-l5: #ffffff;
  --fc-textColor-d5: #f2f2f2;
  --fc-textColor-l10: #ffffff;
  --fc-textColor-d10: #e6e6e6;
  --fc-textColor-l20: #ffffff;
  --fc-textColor-d20: #cccccc;
  --fc-textColor-o0: rgba(255, 255, 255, 0.0);
  --fc-textColor-o1: rgba(255, 255, 255, 0.1);
  --fc-textColor-o2: rgba(255, 255, 255, 0.2);
  --fc-textColor-o3: rgba(255, 255, 255, 0.3);
  --fc-textColor-o4: rgba(255, 255, 255, 0.4);
  --fc-textColor-o5: rgba(255, 255, 255, 0.5);
  --fc-textColor-o6: rgba(255, 255, 255, 0.6);
  --fc-textColor-o8: rgba(255, 255, 255, 0.8);
  --fc-arrowColor: #5a7bb0;
  --fc-arrowColor-locked: #5a7bb0;
  --fc-arrowColor-l5: #6282b4;
  --fc-arrowColor-d5: #5675a7;
  --fc-arrowColor-l10: #6a88b8;
  --fc-arrowColor-d10: #516f9e;
  --fc-arrowColor-l20: #7b95c0;
  --fc-arrowColor-d20: #48628d;
  --fc-arrowColor-o0: rgba(90, 123, 176, 0.0);
  --fc-arrowColor-o1: rgba(90, 123, 176, 0.1);
  --fc-arrowColor-o2: rgba(90, 123, 176, 0.2);
  --fc-arrowColor-o3: rgba(90, 123, 176, 0.3);
  --fc-arrowColor-o4: rgba(90, 123, 176, 0.4);
  --fc-arrowColor-o5: rgba(90, 123, 176, 0.5);
  --fc-arrowColor-o6: rgba(90, 123, 176, 0.6);
  --fc-arrowColor-o8: rgba(90, 123, 176, 0.8);
  --fc-iconColor: #5a7bb0;
  --fc-iconColor-locked: #5a7bb0;
  --fc-iconColor-l5: #6282b4;
  --fc-iconColor-d5: #5675a7;
  --fc-iconColor-l10: #6a88b8;
  --fc-iconColor-d10: #516f9e;
  --fc-iconColor-l20: #7b95c0;
  --fc-iconColor-d20: #48628d;
  --fc-iconColor-o0: rgba(90, 123, 176, 0.0);
  --fc-iconColor-o1: rgba(90, 123, 176, 0.1);
  --fc-iconColor-o2: rgba(90, 123, 176, 0.2);
  --fc-iconColor-o3: rgba(90, 123, 176, 0.3);
  --fc-iconColor-o4: rgba(90, 123, 176, 0.4);
  --fc-iconColor-o5: rgba(90, 123, 176, 0.5);
  --fc-iconColor-o6: rgba(90, 123, 176, 0.6);
  --fc-iconColor-o8: rgba(90, 123, 176, 0.8);
  --fc-disableBg: #070f22;
  --fc-disableBg-locked: #070f22;
  --fc-disableBg-l5: #131b2d;
  --fc-disableBg-d5: #070e20;
  --fc-disableBg-l10: #202738;
  --fc-disableBg-d10: #060e1f;
  --fc-disableBg-l20: #393f4e;
  --fc-disableBg-d20: #060c1b;
  --fc-disableBg-o0: rgba(7, 15, 34, 0.0);
  --fc-disableBg-o1: rgba(7, 15, 34, 0.1);
  --fc-disableBg-o2: rgba(7, 15, 34, 0.2);
  --fc-disableBg-o3: rgba(7, 15, 34, 0.3);
  --fc-disableBg-o4: rgba(7, 15, 34, 0.4);
  --fc-disableBg-o5: rgba(7, 15, 34, 0.5);
  --fc-disableBg-o6: rgba(7, 15, 34, 0.6);
  --fc-disableBg-o8: rgba(7, 15, 34, 0.8);
  --fc-disableBorder: #16223f;
  --fc-disableBorder-locked: #16223f;
  --fc-disableBorder-l5: #222d49;
  --fc-disableBorder-d5: #15203c;
  --fc-disableBorder-l10: #2d3852;
  --fc-disableBorder-d10: #141f39;
  --fc-disableBorder-l20: #454e65;
  --fc-disableBorder-d20: #121b32;
  --fc-disableBorder-o0: rgba(22, 34, 63, 0.0);
  --fc-disableBorder-o1: rgba(22, 34, 63, 0.1);
  --fc-disableBorder-o2: rgba(22, 34, 63, 0.2);
  --fc-disableBorder-o3: rgba(22, 34, 63, 0.3);
  --fc-disableBorder-o4: rgba(22, 34, 63, 0.4);
  --fc-disableBorder-o5: rgba(22, 34, 63, 0.5);
  --fc-disableBorder-o6: rgba(22, 34, 63, 0.6);
  --fc-disableBorder-o8: rgba(22, 34, 63, 0.8);

  --button-border-radius: 12px;
}

body {
  background-color: var(--mc-bg) !important;
}

/* ---------- buttons & interactive elements redesign ---------- */
/* hero/banner slider position untouched — only visual skin of buttons inside it changes */

.wlc-btn--theme-default,
.wlc-btn--theme-rounding,
.wlc-btn--theme-circled {
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--mc-main) 0%, var(--mc-secondary) 100%) !important;
  border: 1px solid var(--mc-main-l20) !important;
  box-shadow: 0 4px 14px var(--mc-main-o4) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease !important;
}

.wlc-btn--theme-circled {
  border-radius: 50% !important;
}

.wlc-btn--theme-default .wlc-btn__text,
.wlc-btn--theme-rounding .wlc-btn__text,
.wlc-btn--theme-circled .wlc-btn__text {
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-weight: 700 !important;
}

@media (pointer: fine) {
  .wlc-btn--theme-default:hover,
  .wlc-btn--theme-rounding:hover,
  .wlc-btn--theme-circled:hover {
    background: linear-gradient(135deg, var(--mc-main-l10) 0%, var(--mc-secondary-l10) 100%) !important;
    border: 1px solid var(--mc-buttonColor) !important;
    box-shadow: 0 6px 20px var(--mc-buttonColor-o4) !important;
    transform: translateY(-2px) !important;
  }
}

.wlc-btn--theme-default.wlc-btn--theme-mod-secondary,
.wlc-btn--theme-rounding.wlc-btn--theme-mod-secondary,
.wlc-btn--theme-circled.wlc-btn--theme-mod-secondary {
  background: transparent !important;
  border: 1px solid var(--mc-main) !important;
  box-shadow: none !important;
}

.wlc-btn--theme-default.wlc-btn--theme-mod-secondary .wlc-btn__text,
.wlc-btn--theme-rounding.wlc-btn--theme-mod-secondary .wlc-btn__text,
.wlc-btn--theme-circled.wlc-btn--theme-mod-secondary .wlc-btn__text {
  color: var(--mc-main-l20) !important;
}

@media (pointer: fine) {
  .wlc-btn--theme-default.wlc-btn--theme-mod-secondary:hover,
  .wlc-btn--theme-rounding.wlc-btn--theme-mod-secondary:hover,
  .wlc-btn--theme-circled.wlc-btn--theme-mod-secondary:hover {
    background: var(--mc-main-o2) !important;
    border: 1px solid var(--mc-buttonColor) !important;
    box-shadow: 0 0 16px var(--mc-main-o4) !important;
  }
}

/* pagination bullets */
.wlc-lite-slider__pagination-bullet {
  background: var(--mc-bg100-o4) !important;
  border-radius: 3px !important;
  transition: background 0.2s ease, width 0.2s ease !important;
}
.wlc-lite-slider__pagination-bullet-active {
  background: var(--mc-buttonColor) !important;
  box-shadow: 0 0 8px var(--mc-buttonColor-o6) !important;
}

/* slider nav arrows */
.wlc-swiper-button-prev,
.wlc-swiper-button-next {
  border-radius: 10px !important;
  background: var(--mc-bg300) !important;
  border: 1px solid var(--mc-bg100-o4) !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}
.wlc-swiper-button-prev:hover,
.wlc-swiper-button-next:hover {
  background: var(--mc-main) !important;
  border-color: var(--mc-buttonColor) !important;
}

/* ---------- SEO about section ---------- */
.section__about {
  padding: 64px 0;
  background: var(--mc-bg500);
}
.section__about .container {
    padding: 0 15px;
  margin: 0 auto;
  color: var(--mc-baseMain-o8);
}
.section__about h1 {
  color: #ffffff;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 24px;
}
.section__about h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  margin: 40px 0 16px;
}
.section__about p {
  font-size: 22px;
  line-height: 1.55;
  margin: 0;
}

/* ---------- table of contents ---------- */
.wlc-btn-search {
    display: none !important;
}
* {
    scroll-behavior: smooth !important;
}
.site-toc {
  padding: 48px 0;
  background: linear-gradient(180deg, var(--mc-bg500) 0%, var(--mc-bg300) 100%);
  border-top: 1px solid var(--mc-bg100-o2);
  border-bottom: 1px solid var(--mc-bg100-o2);
}
.site-toc .container {
    padding: 0 14px;
  margin: 0 auto;
}
.site-toc__title {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 24px;
}
.site-toc__title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--mc-main) 0%, var(--mc-secondary) 100%);
  font-size: 16px;
}
.site-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.site-toc__list li {
  margin: 0;
}
.site-toc__list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 12px;
  background: var(--mc-bg700);
  border: 1px solid var(--mc-bg100-o2);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.site-toc__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--mc-main-o2);
  color: var(--mc-buttonColor);
  font-weight: 800;
  font-size: 13px;
  flex-shrink: 0;
}
@media (pointer: fine) {
  .site-toc__list a:hover {
    transform: translateY(-3px);
    border-color: var(--mc-buttonColor);
    box-shadow: 0 8px 20px var(--mc-main-o3);
    background: var(--mc-bg300);
  }
  .site-toc__list a:hover .site-toc__num {
    background: var(--mc-buttonColor);
    color: #0c1730;
  }
}