/* Gama Casino — dark maroon 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-bg100: #8a5a5a;
  --mc-bg100-locked: #8a5a5a;
  --mc-bg100-l5: #906262;
  --mc-bg100-d5: #835656;
  --mc-bg100-l10: #966a6a;
  --mc-bg100-d10: #7c5151;
  --mc-bg100-l20: #a17b7b;
  --mc-bg100-d20: #6e4848;
  --mc-bg100-o0: rgba(138, 90, 90, 0.0);
  --mc-bg100-o1: rgba(138, 90, 90, 0.1);
  --mc-bg100-o2: rgba(138, 90, 90, 0.2);
  --mc-bg100-o3: rgba(138, 90, 90, 0.3);
  --mc-bg100-o4: rgba(138, 90, 90, 0.4);
  --mc-bg100-o5: rgba(138, 90, 90, 0.5);
  --mc-bg100-o6: rgba(138, 90, 90, 0.6);
  --mc-bg100-o8: rgba(138, 90, 90, 0.8);
  --mc-bg300: #471414;
  --mc-bg300-locked: #471414;
  --mc-bg300-l5: #502020;
  --mc-bg300-d5: #431313;
  --mc-bg300-l10: #592c2c;
  --mc-bg300-d10: #401212;
  --mc-bg300-l20: #6c4343;
  --mc-bg300-d20: #391010;
  --mc-bg300-o0: rgba(71, 20, 20, 0.0);
  --mc-bg300-o1: rgba(71, 20, 20, 0.1);
  --mc-bg300-o2: rgba(71, 20, 20, 0.2);
  --mc-bg300-o3: rgba(71, 20, 20, 0.3);
  --mc-bg300-o4: rgba(71, 20, 20, 0.4);
  --mc-bg300-o5: rgba(71, 20, 20, 0.5);
  --mc-bg300-o6: rgba(71, 20, 20, 0.6);
  --mc-bg300-o8: rgba(71, 20, 20, 0.8);
  --mc-bg500: #3a1010;
  --mc-bg500-locked: #3a1010;
  --mc-bg500-l5: #441c1c;
  --mc-bg500-d5: #370f0f;
  --mc-bg500-l10: #4e2828;
  --mc-bg500-d10: #340e0e;
  --mc-bg500-l20: #614040;
  --mc-bg500-d20: #2e0d0d;
  --mc-bg500-o0: rgba(58, 16, 16, 0.0);
  --mc-bg500-o1: rgba(58, 16, 16, 0.1);
  --mc-bg500-o2: rgba(58, 16, 16, 0.2);
  --mc-bg500-o3: rgba(58, 16, 16, 0.3);
  --mc-bg500-o4: rgba(58, 16, 16, 0.4);
  --mc-bg500-o5: rgba(58, 16, 16, 0.5);
  --mc-bg500-o6: rgba(58, 16, 16, 0.6);
  --mc-bg500-o8: rgba(58, 16, 16, 0.8);
  --mc-bg700: #2c0d0d;
  --mc-bg700-locked: #2c0d0d;
  --mc-bg700-l5: #371919;
  --mc-bg700-d5: #2a0c0c;
  --mc-bg700-l10: #412525;
  --mc-bg700-d10: #280c0c;
  --mc-bg700-l20: #563d3d;
  --mc-bg700-d20: #230a0a;
  --mc-bg700-o0: rgba(44, 13, 13, 0.0);
  --mc-bg700-o1: rgba(44, 13, 13, 0.1);
  --mc-bg700-o2: rgba(44, 13, 13, 0.2);
  --mc-bg700-o3: rgba(44, 13, 13, 0.3);
  --mc-bg700-o4: rgba(44, 13, 13, 0.4);
  --mc-bg700-o5: rgba(44, 13, 13, 0.5);
  --mc-bg700-o6: rgba(44, 13, 13, 0.6);
  --mc-bg700-o8: rgba(44, 13, 13, 0.8);
  --mc-bg: #200a0a;
  --mc-bg-locked: #200a0a;
  --mc-bg-l5: #2b1616;
  --mc-bg-d5: #1e0a0a;
  --mc-bg-l10: #362222;
  --mc-bg-d10: #1d0909;
  --mc-bg-l20: #4d3b3b;
  --mc-bg-d20: #1a0808;
  --mc-bg-o0: rgba(32, 10, 10, 0.0);
  --mc-bg-o1: rgba(32, 10, 10, 0.1);
  --mc-bg-o2: rgba(32, 10, 10, 0.2);
  --mc-bg-o3: rgba(32, 10, 10, 0.3);
  --mc-bg-o4: rgba(32, 10, 10, 0.4);
  --mc-bg-o5: rgba(32, 10, 10, 0.5);
  --mc-bg-o6: rgba(32, 10, 10, 0.6);
  --mc-bg-o8: rgba(32, 10, 10, 0.8);
  --mc-bgModal: #170707;
  --mc-bgModal-locked: #170707;
  --mc-bgModal-l5: #231313;
  --mc-bgModal-d5: #160707;
  --mc-bgModal-l10: #2e2020;
  --mc-bgModal-d10: #150606;
  --mc-bgModal-l20: #453939;
  --mc-bgModal-d20: #120606;
  --mc-bgModal-o0: rgba(23, 7, 7, 0.0);
  --mc-bgModal-o1: rgba(23, 7, 7, 0.1);
  --mc-bgModal-o2: rgba(23, 7, 7, 0.2);
  --mc-bgModal-o3: rgba(23, 7, 7, 0.3);
  --mc-bgModal-o4: rgba(23, 7, 7, 0.4);
  --mc-bgModal-o5: rgba(23, 7, 7, 0.5);
  --mc-bgModal-o6: rgba(23, 7, 7, 0.6);
  --mc-bgModal-o8: rgba(23, 7, 7, 0.8);
  --mc-elementsColor: #cdb4b4;
  --mc-elementsColor-locked: #cdb4b4;
  --mc-elementsColor-l5: #d0b8b8;
  --mc-elementsColor-d5: #c3abab;
  --mc-elementsColor-l10: #d2bcbc;
  --mc-elementsColor-d10: #b8a2a2;
  --mc-elementsColor-l20: #d7c3c3;
  --mc-elementsColor-d20: #a49090;
  --mc-elementsColor-o0: rgba(205, 180, 180, 0.0);
  --mc-elementsColor-o1: rgba(205, 180, 180, 0.1);
  --mc-elementsColor-o2: rgba(205, 180, 180, 0.2);
  --mc-elementsColor-o3: rgba(205, 180, 180, 0.3);
  --mc-elementsColor-o4: rgba(205, 180, 180, 0.4);
  --mc-elementsColor-o5: rgba(205, 180, 180, 0.5);
  --mc-elementsColor-o6: rgba(205, 180, 180, 0.6);
  --mc-elementsColor-o8: rgba(205, 180, 180, 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);
  --mc-baseOpacity: rgba(47, 111, 237, 0.15);
  --fc-labelColor: #a37979;
  --fc-labelColor-locked: #a37979;
  --fc-labelColor-l5: #a88080;
  --fc-labelColor-d5: #9b7373;
  --fc-labelColor-l10: #ac8686;
  --fc-labelColor-d10: #936d6d;
  --fc-labelColor-l20: #b59494;
  --fc-labelColor-d20: #826161;
  --fc-labelColor-o0: rgba(163, 121, 121, 0.0);
  --fc-labelColor-o1: rgba(163, 121, 121, 0.1);
  --fc-labelColor-o2: rgba(163, 121, 121, 0.2);
  --fc-labelColor-o3: rgba(163, 121, 121, 0.3);
  --fc-labelColor-o4: rgba(163, 121, 121, 0.4);
  --fc-labelColor-o5: rgba(163, 121, 121, 0.5);
  --fc-labelColor-o6: rgba(163, 121, 121, 0.6);
  --fc-labelColor-o8: rgba(163, 121, 121, 0.8);
  --fc-inputBg: #200a0a;
  --fc-inputBg-locked: #200a0a;
  --fc-inputBg-l5: #2b1616;
  --fc-inputBg-d5: #1e0a0a;
  --fc-inputBg-l10: #362222;
  --fc-inputBg-d10: #1d0909;
  --fc-inputBg-l20: #4d3b3b;
  --fc-inputBg-d20: #1a0808;
  --fc-inputBg-o0: rgba(32, 10, 10, 0.0);
  --fc-inputBg-o1: rgba(32, 10, 10, 0.1);
  --fc-inputBg-o2: rgba(32, 10, 10, 0.2);
  --fc-inputBg-o3: rgba(32, 10, 10, 0.3);
  --fc-inputBg-o4: rgba(32, 10, 10, 0.4);
  --fc-inputBg-o5: rgba(32, 10, 10, 0.5);
  --fc-inputBg-o6: rgba(32, 10, 10, 0.6);
  --fc-inputBg-o8: rgba(32, 10, 10, 0.8);
  --fc-borderColor: #a37979;
  --fc-borderColor-locked: #a37979;
  --fc-borderColor-l5: #a88080;
  --fc-borderColor-d5: #9b7373;
  --fc-borderColor-l10: #ac8686;
  --fc-borderColor-d10: #936d6d;
  --fc-borderColor-l20: #b59494;
  --fc-borderColor-d20: #826161;
  --fc-borderColor-o0: rgba(163, 121, 121, 0.0);
  --fc-borderColor-o1: rgba(163, 121, 121, 0.1);
  --fc-borderColor-o2: rgba(163, 121, 121, 0.2);
  --fc-borderColor-o3: rgba(163, 121, 121, 0.3);
  --fc-borderColor-o4: rgba(163, 121, 121, 0.4);
  --fc-borderColor-o5: rgba(163, 121, 121, 0.5);
  --fc-borderColor-o6: rgba(163, 121, 121, 0.6);
  --fc-borderColor-o8: rgba(163, 121, 121, 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: #a37979;
  --fc-arrowColor-locked: #a37979;
  --fc-arrowColor-l5: #a88080;
  --fc-arrowColor-d5: #9b7373;
  --fc-arrowColor-l10: #ac8686;
  --fc-arrowColor-d10: #936d6d;
  --fc-arrowColor-l20: #b59494;
  --fc-arrowColor-d20: #826161;
  --fc-arrowColor-o0: rgba(163, 121, 121, 0.0);
  --fc-arrowColor-o1: rgba(163, 121, 121, 0.1);
  --fc-arrowColor-o2: rgba(163, 121, 121, 0.2);
  --fc-arrowColor-o3: rgba(163, 121, 121, 0.3);
  --fc-arrowColor-o4: rgba(163, 121, 121, 0.4);
  --fc-arrowColor-o5: rgba(163, 121, 121, 0.5);
  --fc-arrowColor-o6: rgba(163, 121, 121, 0.6);
  --fc-arrowColor-o8: rgba(163, 121, 121, 0.8);
  --fc-iconColor: #a37979;
  --fc-iconColor-locked: #a37979;
  --fc-iconColor-l5: #a88080;
  --fc-iconColor-d5: #9b7373;
  --fc-iconColor-l10: #ac8686;
  --fc-iconColor-d10: #936d6d;
  --fc-iconColor-l20: #b59494;
  --fc-iconColor-d20: #826161;
  --fc-iconColor-o0: rgba(163, 121, 121, 0.0);
  --fc-iconColor-o1: rgba(163, 121, 121, 0.1);
  --fc-iconColor-o2: rgba(163, 121, 121, 0.2);
  --fc-iconColor-o3: rgba(163, 121, 121, 0.3);
  --fc-iconColor-o4: rgba(163, 121, 121, 0.4);
  --fc-iconColor-o5: rgba(163, 121, 121, 0.5);
  --fc-iconColor-o6: rgba(163, 121, 121, 0.6);
  --fc-iconColor-o8: rgba(163, 121, 121, 0.8);
  --fc-disableBg: #170707;
  --fc-disableBg-locked: #170707;
  --fc-disableBg-l5: #231313;
  --fc-disableBg-d5: #160707;
  --fc-disableBg-l10: #2e2020;
  --fc-disableBg-d10: #150606;
  --fc-disableBg-l20: #453939;
  --fc-disableBg-d20: #120606;
  --fc-disableBg-o0: rgba(23, 7, 7, 0.0);
  --fc-disableBg-o1: rgba(23, 7, 7, 0.1);
  --fc-disableBg-o2: rgba(23, 7, 7, 0.2);
  --fc-disableBg-o3: rgba(23, 7, 7, 0.3);
  --fc-disableBg-o4: rgba(23, 7, 7, 0.4);
  --fc-disableBg-o5: rgba(23, 7, 7, 0.5);
  --fc-disableBg-o6: rgba(23, 7, 7, 0.6);
  --fc-disableBg-o8: rgba(23, 7, 7, 0.8);
  --fc-disableBorder: #3a1a1a;
  --fc-disableBorder-locked: #3a1a1a;
  --fc-disableBorder-l5: #442525;
  --fc-disableBorder-d5: #371919;
  --fc-disableBorder-l10: #4e3131;
  --fc-disableBorder-d10: #341717;
  --fc-disableBorder-l20: #614848;
  --fc-disableBorder-d20: #2e1515;
  --fc-disableBorder-o0: rgba(58, 26, 26, 0.0);
  --fc-disableBorder-o1: rgba(58, 26, 26, 0.1);
  --fc-disableBorder-o2: rgba(58, 26, 26, 0.2);
  --fc-disableBorder-o3: rgba(58, 26, 26, 0.3);
  --fc-disableBorder-o4: rgba(58, 26, 26, 0.4);
  --fc-disableBorder-o5: rgba(58, 26, 26, 0.5);
  --fc-disableBorder-o6: rgba(58, 26, 26, 0.6);
  --fc-disableBorder-o8: rgba(58, 26, 26, 0.8);

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

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: 999px !important;
  background: linear-gradient(135deg, var(--mc-main) 0%, var(--mc-secondary) 100%) !important;
  border: 2px solid var(--mc-buttonColor-o4) !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,
    border-color 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: 2px solid var(--mc-buttonColor) !important;
    box-shadow: 0 6px 22px var(--mc-buttonColor-o6) !important;
    transform: scale(1.05) !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: 2px 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: 2px solid var(--mc-buttonColor) !important;
    box-shadow: 0 0 16px var(--mc-main-o4) !important;
    transform: scale(1.05) !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: var(--mc-baseMain);
  font-size: 44px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 24px;
}
.section__about h2 {
  color: var(--mc-baseMain);
  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: var(--mc-baseMain);
  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%);
  color: #ffffff;
  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: var(--mc-baseMain);
  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: #ffffff;
  }
}