/* =========================
   COCA CSS OVERRIDES
   CLEAN FINAL WORKING 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
   (THIS IS THE WORKING ONE)
   ========================= */

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;
}


/* =========================
   CONTENT BUTTONS (FIXED)
   ========================= */

#idContentHolder a.stylizedButton,
#idContentHolder a.stylizedButton span {
  background: #000000 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}

#idContentHolder a.stylizedButton {
  display: inline-block !important;
  padding: 12px 28px !important;
  overflow: hidden !important;
}

#idContentHolder a.stylizedButton:hover,
#idContentHolder a.stylizedButton:hover span {
  background: #D81F27 !important;
  color: #FFFFFF !important;
}/* =========================
   WA PRESET LINK BUTTONS
   MAKE SYSTEM LINK PRESETS PILLS
   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;
}

/* remove WA internal padding */
.gadgetStyle005 .WaGadgetContent,
.gadgetStyle005 .gadgetStyleBody,
.gadgetStyle005 .gadgetStyleBodyOuterContainer,
.gadgetStyle005 .gadgetStyleBodyInnerContainer {
  padding: 0 !important;
  margin: 0 !important;
}

/* kill weird first-item top gap */
.gadgetStyle005 h1:first-child,
.gadgetStyle005 h2:first-child,
.gadgetStyle005 h3:first-child,
.gadgetStyle005 p:first-child {
  margin-top: 0 !important;
}

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

/* tighten last item at bottom */
.gadgetStyle005 p:last-child,
.gadgetStyle005 h1:last-child,
.gadgetStyle005 h2:last-child,
.gadgetStyle005 h3:last-child {
  margin-bottom: 0 !important;
}
/* =========================
   REMOVE WA DEFAULT BORDER
   ========================= */

.gadgetStyle005 {
  border: none !important;
}

/* WA sometimes applies borders to inner wrappers */
.gadgetStyle005 .gadgetContainer,
.gadgetStyle005 .gadgetContent,
.gadgetStyle005 .WaGadgetContent {
  border: none !important;
}/* =========================
   GADGET STYLE 4 — FEATURE CARD (DISTINCT)
   ========================= */

.WaGadgetContent.gadgetStyle004,
.gadgetStyle004 {
  background: #FFFFFF !important;   /* ← different from green */
  border-radius: 18px !important;
  overflow: hidden !important;
  padding: 16px 24px !important;
  box-sizing: border-box !important;

  /* cleaner, lighter look than Style 5 */
  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;
}

/* remove WA inner padding */
.gadgetStyle004 .WaGadgetContent,
.gadgetStyle004 .gadgetStyleBody,
.gadgetStyle004 .gadgetStyleBodyOuterContainer,
.gadgetStyle004 .gadgetStyleBodyInnerContainer {
  padding: 0 !important;
  margin: 0 !important;
}

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

/* tighten headings */
.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;
}