/* Hide '+ Free Shipping' text on product pages */
.ast-shipping-text { display: none !important; }

/* Replace the chevron arrow with + / - sign on parent menu items (DESKTOP) */
.main-header-menu .menu-item-has-children > .menu-link .dropdown-menu-toggle .ast-icon svg,
.main-header-menu .menu-item-has-children > .menu-link .dropdown-menu-toggle .ast-icon {
	display: none !important;
}
.main-header-menu .menu-item-has-children > .menu-link .dropdown-menu-toggle::after {
	content: "+" !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	font-size: 1.1em !important;
	line-height: 1 !important;
	margin-left: 4px;
	display: inline-block;
	color: inherit;
}
.main-header-menu .menu-item-has-children:hover > .menu-link .dropdown-menu-toggle::after,
.main-header-menu .menu-item-has-children:focus-within > .menu-link .dropdown-menu-toggle::after {
	content: "−" !important;
}

/* MOBILE: replace the toggle button arrow with + / - (covers both #ast-mobile-header and #ast-mobile-popup drawer) */
#ast-mobile-header .menu-item-has-children > .ast-menu-toggle .ast-icon,
#ast-mobile-header .menu-item-has-children > .ast-menu-toggle svg,
#ast-mobile-popup .menu-item-has-children > .ast-menu-toggle .ast-icon,
#ast-mobile-popup .menu-item-has-children > .ast-menu-toggle svg,
.ast-mobile-popup-drawer .menu-item-has-children > .ast-menu-toggle .ast-icon,
.ast-mobile-popup-drawer .menu-item-has-children > .ast-menu-toggle svg {
	display: none !important;
}
#ast-mobile-header .menu-item-has-children > .ast-menu-toggle::before,
#ast-mobile-popup .menu-item-has-children > .ast-menu-toggle::before,
.ast-mobile-popup-drawer .menu-item-has-children > .ast-menu-toggle::before {
	content: "+" !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	font-size: 1.4em !important;
	line-height: 1 !important;
	transform: none !important;
	color: inherit;
	display: inline-block;
}
#ast-mobile-header .menu-item-has-children.ast-submenu-expanded > .ast-menu-toggle::before,
#ast-mobile-popup .menu-item-has-children.ast-submenu-expanded > .ast-menu-toggle::before,
.ast-mobile-popup-drawer .menu-item-has-children.ast-submenu-expanded > .ast-menu-toggle::before {
	content: "−" !important;
}

/* ===== PUZZLES DARK THEME ===== */
/* Catchy dark mood — black base + brand pink (#FB5FAB) + gold accents (#FFD700) */
/* Elementor sections keep their original backgrounds; this affects header, footer, shop pages */

/* Root variables */
:root {
  --puz-bg: #0a0a0a;
  --puz-bg-soft: #141414;
  --puz-bg-card: #1a1a1a;
  --puz-text: #f5f5f5;
  --puz-text-muted: #b8b8b8;
  --puz-pink: #FB5FAB;
  --puz-gold: #FFD700;
  --puz-border: #2a2a2a;
}

/* Body & main background */
body, .site, .ast-container, #page {
  background-color: var(--puz-bg) !important;
  color: var(--puz-text);
}

/* Header — sleek black with subtle pink underline */
.ast-primary-header-bar,
.main-header-bar,
.ast-above-header,
.ast-below-header,
header.site-header {
  background-color: var(--puz-bg) !important;
  border-bottom: 1px solid var(--puz-border);
  box-shadow: 0 2px 20px rgba(251, 95, 171, 0.08);
}

/* Header menu links — light text with gold hover */
.main-header-menu > .menu-item > .menu-link,
.main-header-menu a,
.ast-builder-menu-1 .menu-link {
  color: var(--puz-text) !important;
  transition: color 0.25s ease;
}
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link {
  color: var(--puz-pink) !important;
}

/* Submenu dropdown — dark with pink accent */
.main-header-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu {
  background-color: var(--puz-bg-soft) !important;
  border-top: 2px solid var(--puz-pink) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.6) !important;
}
.main-header-menu .sub-menu .menu-link {
  color: var(--puz-text) !important;
  border-bottom: 1px solid var(--puz-border);
}
.main-header-menu .sub-menu .menu-link:hover {
  color: var(--puz-gold) !important;
  background-color: rgba(251, 95, 171, 0.08) !important;
}

/* +/- menu signs stay visible against dark */
.main-header-menu .menu-item-has-children > .menu-link .dropdown-menu-toggle::after,
#ast-mobile-popup .menu-item-has-children > .ast-menu-toggle::before,
.ast-mobile-popup-drawer .menu-item-has-children > .ast-menu-toggle::before {
  color: var(--puz-pink) !important;
}

/* Mobile popup menu — full dark */
#ast-mobile-popup,
.ast-mobile-popup-drawer,
.ast-mobile-popup-content,
.ast-mobile-popup-inner {
  background-color: var(--puz-bg) !important;
}
#ast-mobile-popup .menu-item .menu-link,
.ast-mobile-popup-drawer .menu-link {
  color: var(--puz-text) !important;
  border-bottom: 1px solid var(--puz-border) !important;
}
#ast-mobile-popup .menu-item .menu-link:hover {
  color: var(--puz-pink) !important;
}

/* Search icons (desktop + mobile) — keep pink/white but add glow on dark */
.puzzles-search-trigger,
.puzzles-search-trigger-desktop,
.puzzles-search-trigger-mobile {
  box-shadow: 0 4px 20px rgba(251, 95, 171, 0.45) !important;
}

/* Cart icon */
.ast-site-header-cart .ast-site-header-cart-li > a,
.ast-cart-menu-wrap {
  color: var(--puz-text) !important;
}
.ast-cart-menu-wrap .count {
  background-color: var(--puz-pink) !important;
  color: #fff !important;
}

/* Shop / product archive pages — dark cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background-color: var(--puz-bg-card) !important;
  border: 1px solid var(--puz-border) !important;
  border-radius: 12px;
  padding: 14px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: var(--puz-pink) !important;
  box-shadow: 0 12px 30px rgba(251, 95, 171, 0.25) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  color: var(--puz-text) !important;
  font-weight: 600 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
  color: var(--puz-gold) !important;
  font-weight: 700 !important;
}
.woocommerce ul.products li.product .price del .amount {
  color: var(--puz-text-muted) !important;
  opacity: 0.7;
}

/* Add to cart buttons — pink with hover lift */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce ul.products li.product .button,
.woocommerce-page button.button.alt,
.wc-block-components-button {
  background-color: var(--puz-pink) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  transition: all 0.25s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce ul.products li.product .button:hover {
  background-color: var(--puz-gold) !important;
  color: #0a0a0a !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.35);
}

/* Single product page */
.single-product .product .price,
.single-product .product .price .amount {
  color: var(--puz-gold) !important;
}
.single-product .product_title {
  color: var(--puz-text) !important;
}
.single-product .woocommerce-product-details__short-description,
.single-product .product .description {
  color: var(--puz-text-muted) !important;
}
.single-product .product_meta,
.single-product .product_meta a {
  color: var(--puz-text-muted) !important;
}
.single-product .product_meta a:hover {
  color: var(--puz-pink) !important;
}

/* Cart & Checkout — dark with readable contrast */
.woocommerce-cart .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review,
.woocommerce table.shop_table,
.woocommerce-checkout form .form-row {
  background-color: var(--puz-bg-card) !important;
  color: var(--puz-text) !important;
  border-color: var(--puz-border) !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: var(--puz-border) !important;
  color: var(--puz-text) !important;
}
.woocommerce-checkout label,
.woocommerce-cart label,
.woocommerce form label {
  color: var(--puz-text) !important;
}
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="number"],
.woocommerce form textarea,
.woocommerce form select {
  background-color: var(--puz-bg-soft) !important;
  color: var(--puz-text) !important;
  border: 1px solid var(--puz-border) !important;
  border-radius: 6px !important;
}
.woocommerce form input:focus {
  border-color: var(--puz-pink) !important;
  box-shadow: 0 0 0 2px rgba(251, 95, 171, 0.2) !important;
}

/* Page titles (shop, category, search) */
.woocommerce .woocommerce-products-header__title,
.entry-title,
.page-title,
h1.entry-title {
  color: var(--puz-text) !important;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--puz-text);
}

/* Sidebar widgets */
.widget,
.widget-area .widget {
  background-color: var(--puz-bg-card) !important;
  color: var(--puz-text) !important;
  padding: 18px !important;
  border-radius: 10px;
  border: 1px solid var(--puz-border);
  margin-bottom: 18px;
}
.widget a {
  color: var(--puz-text) !important;
}
.widget a:hover {
  color: var(--puz-pink) !important;
}
.widget-title,
.widgettitle {
  color: var(--puz-gold) !important;
  border-bottom: 1px solid var(--puz-border);
  padding-bottom: 8px;
}

/* Footer */
.site-footer,
.ast-small-footer,
.footer-adv-overlay,
footer.site-footer {
  background-color: #050505 !important;
  color: var(--puz-text-muted) !important;
  border-top: 1px solid var(--puz-border);
}
.site-footer a {
  color: var(--puz-text-muted) !important;
}
.site-footer a:hover {
  color: var(--puz-pink) !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--puz-bg-card) !important;
  color: var(--puz-text) !important;
  border: 1px solid var(--puz-border) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--puz-pink) !important;
  color: #fff !important;
  border-color: var(--puz-pink) !important;
}

/* Sale badge */
.woocommerce span.onsale {
  background: linear-gradient(135deg, var(--puz-pink) 0%, var(--puz-gold) 100%) !important;
  color: #0a0a0a !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  padding: 4px 12px !important;
}

/* Breadcrumb */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
  color: var(--puz-text-muted) !important;
}
.woocommerce-breadcrumb a:hover {
  color: var(--puz-pink) !important;
}

/* Result count & sorting */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
  color: var(--puz-text) !important;
  background-color: var(--puz-bg-soft) !important;
  border: 1px solid var(--puz-border) !important;
}

/* Quantity input */
.woocommerce .quantity .qty {
  background-color: var(--puz-bg-soft) !important;
  color: var(--puz-text) !important;
  border: 1px solid var(--puz-border) !important;
}

/* My Account page */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-content {
  background-color: var(--puz-bg-card) !important;
  color: var(--puz-text) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: var(--puz-pink) !important;
  color: #fff !important;
}

/* Notices (success/error) */
.woocommerce-message,
.woocommerce-info {
  background-color: var(--puz-bg-card) !important;
  color: var(--puz-text) !important;
  border-top-color: var(--puz-gold) !important;
}
.woocommerce-error {
  background-color: var(--puz-bg-card) !important;
  color: #ff6b6b !important;
  border-top-color: #ff6b6b !important;
}

/* Subtle gold glow accent on key links across site */
a.ast-button, .ast-button {
  background-color: var(--puz-pink) !important;
  color: #fff !important;
  border-radius: 8px !important;
  transition: all 0.25s ease;
}
a.ast-button:hover, .ast-button:hover {
  background-color: var(--puz-gold) !important;
  color: #0a0a0a !important;
}

/* Scrollbar styling for that premium feel */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--puz-bg);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--puz-pink), #c93b87);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--puz-gold);
}

/* Selection color */
::selection {
  background: var(--puz-pink);
  color: #fff;
}

/* Loader spinner */
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
  border-color: var(--puz-pink) !important;
  border-top-color: transparent !important;
}

/* === END PUZZLES DARK THEME === */


/* === DARK THEME PATCH: ensure shop container is also dark === */
.ast-container,
.ast-page-builder-template .entry-content,
.ast-separate-container,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.archive .site-content,
.archive .content-area,
.archive .ast-container,
.woocommerce-page .content-area,
.woocommerce-page .ast-container,
.woocommerce.archive .content-area,
.single-product .content-area,
.single-product .ast-container,
.woocommerce-cart .ast-container,
.woocommerce-checkout .ast-container,
.woocommerce-account .ast-container,
#primary,
#secondary {
  background-color: transparent !important;
  color: var(--puz-text);
}
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post {
  background-color: var(--puz-bg) !important;
}


/* === DARK THEME PATCH 2: aggressive override of white container backgrounds === */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .site-main,
.ast-separate-container .site-main > .ast-row,
.ast-separate-container .entry-content,
.ast-page-builder-template .entry-content,
.ast-plain-container .entry-content,
.ast-single-post .entry-content,
.archive.woocommerce-page .ast-article-post,
.archive.woocommerce-page .site-main,
.woocommerce-page #primary,
.woocommerce-page .site-main {
  background-color: var(--puz-bg) !important;
  box-shadow: none !important;
}
/* Catch-all: white-background div ancestors of shop loop */
.woocommerce-page .site-content > .ast-container,
.woocommerce-page > .site > .site-content,
.woocommerce.archive .site,
.woocommerce.archive .site-content {
  background-color: var(--puz-bg) !important;
}

/* "Showing 1-24 of 3573 results" — make text readable on dark */
.woocommerce .woocommerce-result-count {
  background: transparent !important;
  color: var(--puz-text) !important;
}
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
  color: var(--puz-text-muted) !important;
  background: transparent !important;
}


/* === DARK THEME PATCH 3: kill the .ast-woocommerce-container white background === */
.ast-woocommerce-container,
.woocommerce .ast-woocommerce-container,
body .ast-woocommerce-container {
  background-color: var(--puz-bg) !important;
  color: var(--puz-text) !important;
  box-shadow: none !important;
}
.ast-woocommerce-container .page-title,
.ast-woocommerce-container .woocommerce-products-header__title {
  color: var(--puz-text) !important;
}


/* === MOBILE FIXES & REFINEMENTS === */

/* 1. Shrink the title bar / header on mobile so hero title is visible */
@media (max-width: 921px) {
  .ast-primary-header-bar,
  .main-header-bar,
  header.site-header {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    min-height: 0 !important;
  }
  /* Logo size — shrink the giant P */
  .site-branding img,
  .custom-logo-link img,
  .ast-site-identity .site-branding img {
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
  }
  .site-title, .site-description {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  /* Tighter header overall */
  .ast-builder-grid-row,
  .site-header .ast-builder-grid-row {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}

/* 2. Soften the Elementor pink category buttons to light/pastel pink */
/* Targets the homepage button widgets with hot pink background */
.elementor-button-wrapper .elementor-button,
.elementor-widget-button .elementor-button {
  /* Only override pure pink ones — pastel light pink */
  transition: all 0.3s ease !important;
}
.elementor-element a.elementor-button[style*="rgb(251" i],
.elementor-element a.elementor-button[style*="#fb5fab" i],
.elementor-element a.elementor-button[style*="#FB5FAB" i],
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg {
  background-color: #FFD6E8 !important;   /* soft pastel pink */
  color: #8B2D5C !important;               /* deep rose text for contrast */
  border: 1px solid #FFB4D2 !important;
  box-shadow: 0 2px 8px rgba(251, 95, 171, 0.15) !important;
}
.elementor-element a.elementor-button:hover {
  background-color: #FFB4D2 !important;   /* slightly deeper pink on hover */
  color: #6B1F45 !important;
  transform: translateY(-1px);
}

/* 3. Fix shoe size variation buttons — white text on white was invisible */
.woocommerce .variations_form .variable-items-wrapper .variable-item,
.woocommerce .variations_form ul.variable-items-wrapper li,
.woocommerce-variation-add-to-cart .variable-item,
.product .variations td.value .variable-item,
ul.variable-items-wrapper li.variable-item,
.wcpa_form_outer .variable-item,
.wapf-field-input .button-group-item {
  background-color: #ffffff !important;
  color: #0a0a0a !important;             /* dark text on white tiles */
  border: 1px solid #d4d4d4 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.woocommerce .variations_form ul.variable-items-wrapper li:hover,
ul.variable-items-wrapper li.variable-item:hover {
  background-color: #FFD6E8 !important;
  color: #0a0a0a !important;
  border-color: var(--puz-pink) !important;
}
.woocommerce .variations_form ul.variable-items-wrapper li.selected,
ul.variable-items-wrapper li.variable-item.selected {
  background-color: var(--puz-pink) !important;
  color: #fff !important;
  border-color: var(--puz-pink) !important;
}
/* Generic catch — any "size" looking button on product cards */
.woocommerce ul.products li.product .variations button,
.woocommerce ul.products li.product .button-group span,
.woocommerce ul.products li.product [class*="size"] button,
.woocommerce ul.products li.product [class*="size"] span {
  color: #0a0a0a !important;
  background-color: #ffffff !important;
}

/* 4. Slim down the price filter slider — elegant thin line + small pink dot */
.woocommerce .widget_price_filter .ui-slider,
.price_slider {
  height: 4px !important;             /* thin track */
  background: #2a2a2a !important;     /* dark track */
  border-radius: 2px !important;
  border: none !important;
  margin: 14px 8px !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.price_slider .ui-slider-range {
  background: var(--puz-pink) !important;
  height: 4px !important;
  border-radius: 2px !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.price_slider .ui-slider-handle {
  width: 14px !important;
  height: 14px !important;
  top: -5px !important;
  background: var(--puz-pink) !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(251, 95, 171, 0.4) !important;
  cursor: pointer !important;
}
.woocommerce .widget_price_filter .price_slider_amount {
  font-size: 12px !important;
  color: var(--puz-text-muted) !important;
  margin-top: 6px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
  padding: 6px 16px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
}

/* Bonus: also slim the "0 / 36000" input fields if present */
.woocommerce .widget_price_filter input[type="text"],
.woocommerce .widget_price_filter input[type="number"] {
  padding: 4px 8px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
}


/* === CFVSW Variation Swatches (Size pills) — DARK READABLE === */
.cfvsw-swatches-option,
.cfvsw-swatches-container .cfvsw-swatches-option,
.cfvsw-shop-container .cfvsw-swatches-option,
li.product .cfvsw-swatches-option {
  background-color: #ffffff !important;
  color: #0a0a0a !important;             /* dark text on white pill */
  border: 1px solid #d4d4d4 !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
}
.cfvsw-swatches-option .cfvsw-swatch-inner,
.cfvsw-swatches-option .cfvsw-label-inner,
.cfvsw-label-option .cfvsw-swatch-inner {
  color: #0a0a0a !important;
  background: transparent !important;
  font-weight: 700 !important;
}
/* Hover/selected states */
.cfvsw-swatches-option:hover {
  background-color: #FFD6E8 !important;
  border-color: var(--puz-pink) !important;
  cursor: pointer;
}
.cfvsw-swatches-option:hover .cfvsw-swatch-inner {
  color: #0a0a0a !important;
}
.cfvsw-swatches-option.cfvsw-selected-swatch,
.cfvsw-swatches-option.selected {
  background-color: var(--puz-pink) !important;
  border-color: var(--puz-pink) !important;
}
.cfvsw-swatches-option.cfvsw-selected-swatch .cfvsw-swatch-inner,
.cfvsw-swatches-option.selected .cfvsw-swatch-inner {
  color: #ffffff !important;
}
/* Disabled/out-of-stock sizes - faded */
.cfvsw-swatches-option.cfvsw-disabled-swatch,
.cfvsw-swatches-option.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}


/* === MOBILE CATEGORY GRID — LIGHT PINK (was neon hot pink) === */
.pe-mobile-cats a,
nav.pe-mobile-cats a {
  background-color: #FFD6E8 !important;   /* soft pastel pink */
  color: #8B2D5C !important;               /* deep rose text for great contrast */
  border: 1px solid #FFB4D2 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 8px rgba(251, 95, 171, 0.15) !important;
  transition: all 0.25s ease !important;
}
.pe-mobile-cats a:hover,
.pe-mobile-cats a:active {
  background-color: #FFB4D2 !important;
  color: #6B1F45 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(251, 95, 171, 0.3) !important;
}


/* === MOBILE HEADER COMPACT FIX === */
/* Logo was rendering at 140px tall, making header take huge vertical space on mobile */
@media (max-width: 921px) {
  .custom-logo,
  img.custom-logo,
  .site-branding .custom-logo,
  .ast-mobile-header-logo,
  img.ast-mobile-header-logo,
  .ast-builder-layout-element img.custom-logo {
    max-height: 45px !important;
    max-width: 45px !important;
    width: 45px !important;
    height: auto !important;
  }
  .site-logo-img,
  .site-branding,
  .ast-site-identity {
    padding: 4px 0 !important;
  }
  /* Tighten the entire mobile header */
  .ast-primary-header-bar .ast-primary-header,
  .ast-mobile-header-wrap,
  .main-header-bar-wrap .main-header-bar {
    min-height: 60px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}