/* =========================
   COCA CSS OVERRIDES
   SAFE ROLLBACK VERSION
   ========================= */


/* -------------------------
   WIDER LAYOUT
   ------------------------- */

#mLayout .container_12 {
  width: calc(100% - 40px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#mLayout .s1_grid_12,
#mLayout .s2_grid_12,
#mLayout .s3_grid_12 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

#mLayout .WaPlaceHolder {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#mLayout .WaPlaceHolder > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}


/* -------------------------
   WHITE BREAK ABOVE NAV
   ------------------------- */

.WaGadgetMenuHorizontal {
  margin-top: 16px !important;
  border-top: 6px solid #FFFFFF !important;
}


/* -------------------------
   NAV STYLING
   ------------------------- */

.WaGadgetMenuHorizontal a,
.WaGadgetMenuHorizontal a:link,
.WaGadgetMenuHorizontal a:visited {
  color: #FFFFFF !important;
}

.WaGadgetMenuHorizontal a:hover,
.WaGadgetMenuHorizontal li:hover > a,
.WaGadgetMenuHorizontal ul li.sel > a,
.WaGadgetMenuHorizontal ul li.selected > a,
.WaGadgetMenuHorizontal ul li.current > a {
  color: #D81F27 !important;
}

.WaGadgetMenuHorizontal a:hover span,
.WaGadgetMenuHorizontal li:hover > a span,
.WaGadgetMenuHorizontal ul li.sel > a span,
.WaGadgetMenuHorizontal ul li.selected > a span,
.WaGadgetMenuHorizontal ul li.current > a span {
  color: #D81F27 !important;
}


/* =========================
   EVENT / SYSTEM BUTTONS
   ========================= */

input.typeButton,
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #000000 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  min-width: 120px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* =========================
   WA PRESET LINK BUTTONS
   SAFE PILL SHAPE ONLY
   DOES NOT CHANGE BUTTON COLOURS
   DOES NOT TOUCH EVENT BUTTONS
   ========================= */

a.stylizedButton.buttonStyle001,
a.stylizedButton.buttonStyle002,
a.stylizedButton.buttonStyle003,
a.stylizedButton.buttonStyle004,
a.stylizedButton.buttonStyle005 {
  border-radius: 999px !important;
  overflow: hidden !important;
  display: inline-block !important;
}

a.stylizedButton.buttonStyle001 span,
a.stylizedButton.buttonStyle002 span,
a.stylizedButton.buttonStyle003 span,
a.stylizedButton.buttonStyle004 span,
a.stylizedButton.buttonStyle005 span {
  border-radius: 999px !important;
  overflow: hidden !important;
}

a.stylizedButton.buttonStyle001:hover,
a.stylizedButton.buttonStyle002:hover,
a.stylizedButton.buttonStyle003:hover,
a.stylizedButton.buttonStyle004:hover,
a.stylizedButton.buttonStyle005:hover,
a.stylizedButton.buttonStyle001:hover span,
a.stylizedButton.buttonStyle002:hover span,
a.stylizedButton.buttonStyle003:hover span,
a.stylizedButton.buttonStyle004:hover span,
a.stylizedButton.buttonStyle005:hover span {
  border-radius: 999px !important;
}


/* =========================
   GADGET STYLE 5 — MODERN CARD
   ========================= */

.gadgetStyle005 {
  border-radius: 18px !important;
  overflow: hidden !important;
  padding: 12px 24px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
  box-sizing: border-box !important;
  border: none !important;
}

.gadgetStyle005 .WaGadgetContent,
.gadgetStyle005 .gadgetStyleBody,
.gadgetStyle005 .gadgetStyleBodyOuterContainer,
.gadgetStyle005 .gadgetStyleBodyInnerContainer {
  padding: 0 !important;
  margin: 0 !important;
}

.gadgetStyle005 h1:first-child,
.gadgetStyle005 h2:first-child,
.gadgetStyle005 h3:first-child,
.gadgetStyle005 p:first-child {
  margin-top: 0 !important;
}

.gadgetStyle005 h1,
.gadgetStyle005 h2,
.gadgetStyle005 h3 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.gadgetStyle005 p:last-child,
.gadgetStyle005 h1:last-child,
.gadgetStyle005 h2:last-child,
.gadgetStyle005 h3:last-child {
  margin-bottom: 0 !important;
}

.gadgetStyle005 .gadgetContainer,
.gadgetStyle005 .gadgetContent,
.gadgetStyle005 .WaGadgetContent {
  border: none !important;
}


/* =========================
   GADGET STYLE 4 — FEATURE CARD
   ========================= */

.WaGadgetContent.gadgetStyle004,
.gadgetStyle004 {
  background: #FFFFFF !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  padding: 16px 24px !important;
  box-sizing: border-box !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
  margin-bottom: 24px;
}

.gadgetStyle004 .WaGadgetContent,
.gadgetStyle004 .gadgetStyleBody,
.gadgetStyle004 .gadgetStyleBodyOuterContainer,
.gadgetStyle004 .gadgetStyleBodyInnerContainer {
  padding: 0 !important;
  margin: 0 !important;
}

.gadgetStyle004 > *:first-child,
.gadgetStyle004 h1:first-child,
.gadgetStyle004 h2:first-child,
.gadgetStyle004 h3:first-child,
.gadgetStyle004 p:first-child {
  margin-top: 0 !important;
}

.gadgetStyle004 h1,
.gadgetStyle004 h2,
.gadgetStyle004 h3 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}


/* =========================
   INVOICE — KEEP AMOUNT ON ONE LINE
   ========================= */

#idContentHolder table th,
#idContentHolder table td {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

#idContentHolder table th:last-child,
#idContentHolder table td:last-child,
#idContentHolder table tr > th:last-of-type,
#idContentHolder table tr > td:last-of-type {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  text-align: right !important;
  min-width: 150px !important;
  width: 150px !important;
}


/* =========================================================
   COCA – SECONDARY MENU GADGET
   Horizontal + Vertical
   Black links, red hover, red chevrons, no WA separator pipes
   ========================================================= */

td.WaLayoutSeparator {
  display: none !important;
}

.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical > li {
  list-style: none !important;
}

.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationHorizontal > li > a,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationHorizontal > li > a:link,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationHorizontal > li > a:visited,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical > li > a,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical > li > a:link,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical > li > a:visited {
  color: #000000 !important;
  text-decoration: none !important;
}

.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationHorizontal > li > a:hover,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationHorizontal > li > a:focus,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical > li > a:hover,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical > li > a:focus {
  color: #D81F27 !important;
}

.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationHorizontal > li > a::before,
.WaGadgetCustomMenu .gadgetStyleBody > ul.orientationVertical > li > a::before {
  content: "›" !important;
  color: #D81F27 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  margin-right: 8px !important;
}

.WaGadgetCustomMenu td.WaLayoutSeparator,
.WaGadgetCustomMenu td[class*="Separator"],
.WaGadgetCustomMenu td[data-componentid*="_separator"] {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}


/* =========================
   SOCIAL ICON — REPLACE PINTEREST WITH SPOTIFY
   ========================= */

.WaGadgetSocialProfile.gadgetDefaultStyle li:has(a.Pinterest),
.WaGadgetSocialProfile.gadgetDefaultStyle li:has(a.Pinterest) a,
.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest {
  background: none !important;
  background-image: none !important;
}

.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest img,
.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest span {
  display: none !important;
}

.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest {
  background: none !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  position: relative;
  overflow: visible;
}

.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest::before {
  content: "\f1bc";
  font-family: "Font Awesome 6 Brands";
  font-size: 29px;
  line-height: 29px;
  color: #1DB954 !important;
  display: inline-block;
  position: relative;
  top: -2px;
}

.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest:hover,
.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest:hover::before,
.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest:focus::before,
.WaGadgetSocialProfile.gadgetDefaultStyle li a.Pinterest:active::before {
  color: #1DB954 !important;
}


/* ========================================
   COCA Anchor Link Pills
   White Text / Red Hover
   DOES NOT TOUCH WA STYLIZED BUTTONS
======================================== */

a[href^="#"]:not(.stylizedButton) {
  display: inline-block;
  background: #231717;
  padding: 10px 20px;
  border-radius: 40px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  color: #FFFFFF !important;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

a[href^="#"]:not(.stylizedButton):hover {
  background: #000000;
  color: #D81F27 !important;
}