#infinite-footer {
    display: none !important;
}
/* 1) Remove Bootstrap’s default tab backgrounds/borders */
.nav-tabs .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: transparent !important;
  border: none !important;
}

/* 2) Container styling */
.nav-tabs {
  display: flex;
  justify-content: center;      /* center tabs—change to flex-start if you prefer left-aligned */
  border-bottom: 1px solid #2a2f36; /* subtle bottom border to separate content */
  margin-bottom: 2rem;
}

/* 3) Base tab look */
.nav-tabs .nav-link {
  position: relative;            /* for the underline pseudo-element */
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #bbb;
  transition: color 0.3s ease;
}

/* 4) Hover state */
.nav-tabs .nav-link:hover {
  color: #fff;
}

/* 5) Underline indicator: hidden by default */
.nav-tabs .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #E25F5C;    /* red accent */
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* 6) Hover reveal (optional) */
.nav-tabs .nav-link:hover::after {
  width: 40%;
}

/* 7) Active tab: full underline + bright text */
.nav-tabs .nav-link.active {
  color: #fff;
}
.nav-tabs .nav-link.active::after {
  width: 60%;
}


html, body { 
  margin: 0 !important; 
  padding: 0 !important; 
}

/* These cover common WP theme wrappers */
#page, .site, .site-content, .site-main, .container, .wrap {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}





/* Hide Woo Blocks mini-carts that are NOT inside an NCMC wrapper */
.wc-block-mini-cart.wp-block-woocommerce-mini-cart:not(:where(.ncmc-wrap *)) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}

/* Keep any mini-cart inside any NCMC wrapper visible & clickable */
.ncmc-wrap .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
}




/*************************************
 CEAN Checkout — Dark UI (scoped)
**************************************/
body.woocommerce-checkout{
  --cm-bg: #0b132b;
  --cm-card: #101a2c;
  --cm-text: #ffffff;
  --cm-text-dim: #DCE7FF;
  --cm-heading: #ffffff;
  --cm-placeholder: #BFD2FF;
  --cm-accent: #3A7AFE;
  --cm-accent-2: #3A2CD6;
  --cm-ring: rgba(58,122,254,0.45);
  --cm-white-08: rgba(255,255,255,0.08);
  --cm-white-12: rgba(255,255,255,0.12);
  --cm-white-14: rgba(255,255,255,0.14);
  --cm-success:#42C88A; --cm-danger:#FF6B6B;
  --radius-2xl:18px;
}

/* Page shell */
body.woocommerce-checkout .woocommerce{color:var(--cm-text);}
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .site-content .container{background:transparent !important;}

/* ---------- Layout for the two columns ---------- */
body.woocommerce-checkout #customer_details.col2-set{
  display:grid; grid-template-columns:1fr 1fr; gap:18px;
}
@media (max-width: 980px){
  body.woocommerce-checkout #customer_details.col2-set{grid-template-columns:1fr;}
}

/* Cards */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout #order_review{
  background: linear-gradient(180deg, rgba(16,26,44,.82), rgba(16,26,44,.66));
  border:1px solid var(--cm-white-14);
  border-radius: var(--radius-2xl);
  box-shadow: 0 12px 30px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,0.04);
  padding:18px;
}

/* ---------- Headings & text (fix white-on-white) ---------- */
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4{color:var(--cm-heading) !important; letter-spacing:.2px;}
body.woocommerce-checkout p,
body.woocommerce-checkout label,
body.woocommerce-checkout a{color:var(--cm-text) !important;}
body.woocommerce-checkout a{ text-decoration:underline; color:var(--cm-text-dim) !important; }
body.woocommerce-checkout a:hover{ color:#fff !important; }

/* ---------- Forms: kill Woo default floats & align vertically ---------- */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
  display:grid; grid-template-columns: 1fr 1fr; gap:14px;
}

/* The plugin (WooCommerce Checkout Manager) also floats; neutralize it */
body.woocommerce-checkout .woocommerce form .form-row,
body.woocommerce-checkout .wooccm-field.form-row{
  float:none !important; width:100% !important; margin:0 !important; clear:unset !important;
}

/* Force wide rows to span both columns; ensures Email & Notes align cleanly */
body.woocommerce-checkout .form-row-wide,
body.woocommerce-checkout .notes{grid-column:1 / -1;}

@media (max-width: 860px){
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
    grid-template-columns:1fr;
  }
}

/* Labels & inputs */
body.woocommerce-checkout .woocommerce form .form-row label{
  display:block; font-weight:800; margin:0 0 6px; color:var(--cm-text-dim) !important;
}
body.woocommerce-checkout .woocommerce input.input-text,
body.woocommerce-checkout .woocommerce select,
body.woocommerce-checkout .woocommerce textarea{
  width:100%; background:rgba(10,18,34,.72);
  border:1px solid var(--cm-white-14); color:var(--cm-text) !important;
  border-radius:12px; padding:12px; transition:border-color .2s, box-shadow .2s, background .2s;
  box-sizing:border-box;
}
body.woocommerce-checkout ::placeholder{color:var(--cm-placeholder) !important; opacity:.98;}
body.woocommerce-checkout .select2-container .select2-selection{
  background:rgba(10,18,34,.72); border:1px solid var(--cm-white-14); border-radius:12px; min-height:42px;
}
body.woocommerce-checkout .select2-container--default .select2-selection__rendered{color:var(--cm-text) !important; line-height:42px;}
body.woocommerce-checkout .select2-container--default .select2-selection__arrow{height:42px;}

/* Focus ring */
body.woocommerce-checkout .woocommerce input:focus,
body.woocommerce-checkout .woocommerce select:focus,
body.woocommerce-checkout .woocommerce textarea:focus{
  outline:none !important; border-color:var(--cm-accent) !important; box-shadow:0 0 0 6px var(--cm-ring) !important;
}

/* Validation */
body.woocommerce-checkout .woocommerce form .woocommerce-invalid .input-text,
body.woocommerce-checkout .woocommerce form .woocommerce-invalid select,
body.woocommerce-checkout .woocommerce form .woocommerce-invalid textarea{
  border-color:var(--cm-danger) !important; box-shadow:none !important;
}
body.woocommerce-checkout abbr.required{color:var(--cm-danger); text-decoration:none;}

/* ---------- Terms & Conditions (dark, readable) ---------- */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .woocommerce-terms-and-conditions{
  background:var(--cm-card) !important; color:var(--cm-text) !important;
  border:1px solid var(--cm-white-12); border-radius:12px; padding:14px; max-height:260px; overflow:auto;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions h1,
body.woocommerce-checkout .woocommerce-terms-and-conditions h2,
body.woocommerce-checkout .woocommerce-terms-and-conditions h3{color:#fff !important;}
/* Neutralize odd dark blocks shipped inside TOS content */
body.woocommerce-checkout .woocommerce-terms-and-conditions .bg-gray-800{background:rgba(255,255,255,.06) !important;}
/* Kill any white background overrides from earlier CSS */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper *,
body.woocommerce-checkout .woocommerce-terms-and-conditions *{background:transparent !important;}

/* ---------- Order Review (professional dark table) ---------- */
body.woocommerce-checkout #order_review{padding:18px 18px 10px;}
body.woocommerce-checkout .woocommerce-checkout-review-order-table{
  width:100%; border-collapse:separate; border-spacing:0;
  color:var(--cm-text);
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{
  background:rgba(255,255,255,.06); color:#fff; font-weight:800; text-transform:uppercase;
  font-size:12px; letter-spacing:.03em; padding:12px; border-bottom:1px solid var(--cm-white-12);
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table td{
  padding:12px; border-bottom:1px solid rgba(255,255,255,.08);
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:nth-child(odd) td{
  background:rgba(255,255,255,.03);
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name{font-weight:700;}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td{
  background:rgba(255,255,255,.05); font-weight:700;
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td{
  background:linear-gradient(90deg, var(--cm-accent-2), var(--cm-accent));
  color:#fff; font-weight:900; border-top:1px solid rgba(0,0,0,.2);
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td .amount bdi{color:#fff;}

/* Mobile stacking for table */
@media (max-width:640px){
  body.woocommerce-checkout .woocommerce-checkout-review-order-table thead{display:none;}
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tr{display:block;}
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td{display:flex; justify-content:space-between;}
}

/* ---------- Payment methods clean-up ---------- */
body.woocommerce-checkout #payment{margin-top:16px; border-top:1px solid var(--cm-white-12); padding-top:14px;}
body.woocommerce-checkout #payment .payment_methods{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
body.woocommerce-checkout #payment .payment_methods li{
  background:rgba(16,26,44,.78); border:1px solid var(--cm-white-14);
  border-radius:12px; padding:12px 14px;
}
body.woocommerce-checkout #payment label{display:flex; gap:8px; align-items:center; font-weight:800; color:#fff;}
body.woocommerce-checkout #payment .payment_box{
  margin-top:8px; background:rgba(255,255,255,.06); border:1px dashed var(--cm-white-12);
  border-radius:10px; padding:10px; color:var(--cm-text-dim);
}
/* prevent PayPal iframes from breaking width */
body.woocommerce-checkout .ppc-button-wrapper,
body.woocommerce-checkout #ppc-button-ppcp-gateway,
body.woocommerce-checkout #ppc-button-ppcp-card-button-gateway,
body.woocommerce-checkout .ppcp-width-500{max-width:100% !important;}

/* ---------- CTA button ---------- */
body.woocommerce-checkout #place_order{
  background:linear-gradient(90deg, var(--cm-accent-2), var(--cm-accent)) !important;
  color:#fff !important; border-radius:12px; padding:12px 16px; font-weight:900; width:100%;
  border:0; box-shadow:0 10px 20px rgba(58,122,254,.25);
}
body.woocommerce-checkout #place_order:hover{filter:brightness(1.06); transform:translateY(-1px);}

/* ---------- Plugin-specific (WooCommerce Checkout Manager = wooccm) ---------- */
body.woocommerce-checkout .wooccm-clearfix{display:none;} /* remove stray clearers that cause gaps */
body.woocommerce-checkout .wooccm-field label{color:var(--cm-text-dim) !important;}
body.woocommerce-checkout .wooccm-field .woocommerce-input-wrapper{display:block; width:100%;}
/* Make country/select rows behave inside our grid */
body.woocommerce-checkout #billing_country_field{grid-column:1 / -1;}

/* ---------- Misc fixes ---------- */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message{
  background:rgba(255,255,255,.08); color:#fff; border:1px solid var(--cm-white-12);
}

/***************************************************
 CEAN Checkout — FINAL PATCH (alignment + TOS + table)
****************************************************/

/* ————— 0) Scope (works with or without the plugin wrapper) ————— */
:root{ --cean-break:960px; }
body.woocommerce-checkout,
.cean-checkout{ color:#fff; }

/* ————— 1) Customer details: solid 2-col grid, unified breakpoint ————— */
.woocommerce-checkout #customer_details.col2-set{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:18px !important; align-items:start !important;
}
@media (max-width: 960px){
  .woocommerce-checkout #customer_details.col2-set{
    grid-template-columns:1fr !important;
  }
}

/* Kill old floats/widths that fight the grid */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{
  float:none !important; width:auto !important; margin:0 !important; min-width:0 !important;
}

/* Inner sections: remove odd top margins; lock a simple vertical rhythm */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields{
  margin:0 !important; padding:0 !important;
  display:block; /* no weird wrappers */
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3{
  margin:0 0 10px !important; font-weight:800; line-height:1.25;
}

/* Field grids (2-up on desktop, 1-up on mobile) */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
  display:grid !important; grid-template-columns:1fr 1fr; gap:14px; grid-auto-flow:row dense;
  margin:0 !important;
}
@media (max-width: 960px){
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
    grid-template-columns:1fr !important;
  }
}

/* Stop Woo/wooccm from reintroducing floats or widths */
.woocommerce-checkout .woocommerce form .form-row,
.woocommerce-checkout .wooccm-field.form-row{
  float:none !important; width:100% !important; margin:0 !important; clear:none !important; box-sizing:border-box;
}

/* Make specific rows full width so Email + Notes line up perfectly */
.woocommerce-checkout .form-row-wide,
.woocommerce-checkout .notes,
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #billing_email_field{
  grid-column:1 / -1 !important;
}

/* Inputs (compact, readable) */
.woocommerce-checkout .woocommerce form .form-row label{
  display:block; font-weight:800; margin:0 0 6px !important; color:#DCE7FF !important;
}
.woocommerce-checkout .woocommerce input.input-text,
.woocommerce-checkout .woocommerce select,
.woocommerce-checkout .woocommerce textarea{
  width:100%; background:rgba(10,18,34,.72) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important; border-radius:12px !important; padding:12px !important;
}
.woocommerce-checkout ::placeholder{ color:#BFD2FF !important; opacity:.98; }

/* ————— 2) Cards / product summary ————— */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout #order_review{
  background: linear-gradient(180deg, rgba(16,26,44,.82), rgba(16,26,44,.66)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:18px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04) !important;
  padding:18px !important;
}

/* Order table: clean & professional */
.woocommerce-checkout .woocommerce-checkout-review-order-table{
  width:100%; border-collapse:separate; border-spacing:0; color:#fff;
  border-radius:12px; overflow:hidden;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{
  background:rgba(255,255,255,.06); color:#fff; font-weight:800; text-transform:uppercase;
  font-size:12px; letter-spacing:.03em; padding:12px; border-bottom:1px solid rgba(255,255,255,.12);
}
.woocommerce-checkout .woocommerce-checkout-review-order-table td{ padding:12px; border-bottom:1px solid rgba(255,255,255,.08); }
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:nth-child(odd) td{ background:rgba(255,255,255,.03); }
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name{ font-weight:700; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td{
  background:rgba(255,255,255,.05); font-weight:700;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td{
  background:linear-gradient(90deg, #3A2CD6, #3A7AFE); color:#fff; font-weight:900;
}

/* Optional: hide duplicate “Your order” heading on wide screens (review card is obvious) */
@media (min-width: 960px){
  .woocommerce-checkout #order_review_heading{ display:none !important; }
}

/* ————— 3) TOS area: readable + compact ————— */

/* Reset any inline white backgrounds/colors inside the TOS blob */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-terms-and-conditions{
  background:rgba(255,255,255,.04) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; padding:12px !important;
  max-height:240px; overflow:auto;
}

/* Hard override the embedded page styles */
.woocommerce-checkout .woocommerce-terms-and-conditions #terms-of-service-page,
.woocommerce-checkout .woocommerce-terms-and-conditions #terms-of-service-page *{
  color:#fff !important; background:transparent !important; border-color:rgba(255,255,255,.12) !important;
}

/* Compact the checkbox row */
.woocommerce-checkout #payment .place-order > p.form-row{
  display:flex !important; align-items:flex-start !important; gap:10px !important;
  margin:10px 0 0 !important; padding:10px 0 0 !important; border-top:1px solid rgba(255,255,255,.12) !important;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox{
  margin:0 !important; display:flex !important; gap:10px !important; align-items:flex-start !important;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]{
  margin-top:2px !important; transform:scale(1.05);
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text{
  line-height:1.35; color:#DCE7FF !important;
}

/* Payment method cards */
.woocommerce-checkout #payment .payment_methods{ list-style:none; margin:12px 0 0; padding:0; display:grid; gap:10px; }
.woocommerce-checkout #payment .payment_methods li{
  background:rgba(16,26,44,.78) !important; border:1px solid rgba(255,255,255,.14) !important;
  border-radius:12px !important; padding:12px 14px !important;
}

/* ————— 4) Little safety nets ————— */
.woocommerce-checkout .wooccm-clearfix{ display:none !important; }  /* remove rogue clearers */
.woocommerce-checkout abbr.required{ color:#FF6B6B !important; text-decoration:none !important; }

/* Force column positions for checkout two-column layout */
body.woocommerce-checkout #customer_details{
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  direction: ltr !important; /* stop themes/RTL from reversing columns */
}

/* Put Billing (col-1) on the LEFT, Additional info (col-2) on the RIGHT */
body.woocommerce-checkout #customer_details > .col-1{
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body.woocommerce-checkout #customer_details > .col-2{
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* Mobile: stack in natural order */
@media (max-width: 960px){
  body.woocommerce-checkout #customer_details{
    grid-template-columns: 1fr !important;
  }
  body.woocommerce-checkout #customer_details > .col-1{
    grid-column: 1 !important; grid-row: 1 !important;
  }
  body.woocommerce-checkout #customer_details > .col-2{
    grid-column: 1 !important; grid-row: 2 !important;
  }
}

/* Safety: kill any legacy floats/widths that might still interfere */
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  clear: none !important;
}


/* --- THREADS ICON: SWAP + ALIGN WITH NEWSUP SOCIAL ICONS --- */

/* Hide the original Font Awesome glyph only on the Threads link */
.mg-social a[href*="threads.com"] .icon-soci.facebook i,
.mg-social a[href*="threads.com"] .icon-soci.facebook .fab {
  display: none !important;
}

/* Make the span behave like the theme's icons and paint your PNG */
.mg-social a[href*="threads.com"] .icon-soci.facebook {
  /* SIZE — set these to the same value your other .icon-soci use */
  width: 34px;
  height: 34px;
  line-height: 34px;              /* critical for vertical alignment */

  display: inline-block;          /* match siblings (avoid flex to keep baseline) */
  vertical-align: middle;         /* align with the other inline-block icons */
  text-align: center;

  background-image: url('https://ceanmedia.com/wp-content/uploads/2025/09/threads.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% auto;      /* bump toward 100% if it still looks smaller */

  border-radius: 50%;             /* keep the same circular look; remove if square */
  background-color: transparent !important; /* neutralize any theme color */
}

/* Optional: normalize spacing in this list (tweak if your theme uses different gaps) */
.mg-social.info-right li {
  margin: 0 4px;
}

/* Optional: micro-nudge if it's still 1–2px off.
   Try 0 first, then adjust top: -1px / 1px as needed. */
.mg-social a[href*="threads.com"] .icon-soci.facebook {
  position: relative;
  top: 0; /* change to -1px or 1px if you need a tiny bump */
}

/* Optional hover polish */
.mg-social a[href*="threads.com"] .icon-soci.facebook:hover {
  filter: brightness(1.08);
}







/* ==========================================
   CEAN header + footer branding (BIGGER)
   modern lowercase + subtle 3D
   ========================================== */

/* Shared layout for branding blocks */
.mg-nav-widget-area-back .site-branding-text,
.mg-footer-bottom-area .site-branding-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

/* ----------------
   HEADER TITLE
   ---------------- */
.mg-nav-widget-area-back .site-title {
  margin: 0;
  line-height: 1;
}

.mg-nav-widget-area-back .site-title a {
  /* bigger base already */
  font-size: clamp(30px, 3.2vw, 54px) !important;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: lowercase;
  font-family: system-ui, -apple-system, "Segoe UI", Inter, Arial, sans-serif;

  background: linear-gradient(180deg, #ffffff 0%, #c8d5ff 55%, #8ea7ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.10),
    0 2px 0 rgba(255,255,255,0.06),
    0 6px 14px rgba(0,0,0,0.60),
    0 14px 40px rgba(58,44,214,0.45);

  display: inline-block;
  position: relative;
  padding: 2px 0;
  transition: transform .25s ease, filter .25s ease, letter-spacing .25s ease;
  filter: drop-shadow(0 0 12px rgba(58,44,214,0.30));
}

.mg-nav-widget-area-back .site-title a:hover {
  transform: translateY(-1px);
  letter-spacing: 0.30em;
  filter: drop-shadow(0 0 18px rgba(58,44,214,0.55));
}

.mg-nav-widget-area-back .site-title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(140,160,255,0.95), transparent);
  opacity: .7;
  transform: scaleX(.75);
  transform-origin: center;
}

/* Big-screen BOOST (where you felt it was small) */
@media (min-width: 1200px) {
  .mg-nav-widget-area-back .site-title a {
    font-size: clamp(48px, 3.0vw, 70px) !important;
    letter-spacing: 0.28em;
  }
}

@media (min-width: 1600px) {
  .mg-nav-widget-area-back .site-title a {
    font-size: clamp(56px, 2.7vw, 82px) !important;
  }
}

/* ----------------
   HEADER DESCRIPTION
   ---------------- */
.mg-nav-widget-area-back .site-description {
  margin: 0;
  font-size: clamp(14px, 1.4vw, 18px) !important;
  font-weight: 600;
  letter-spacing: 0.035em;
  color: rgba(235, 241, 255, 0.95);
  font-family: system-ui, -apple-system, "Segoe UI", Inter, Arial, sans-serif;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
  max-width: 420px;
}


/* =================================================
   FOOTER — theme often forces tiny text there,
   so we use stronger selectors + !important
   ================================================= */

/* Footer title container */
.mg-footer-bottom-area .site-title-footer {
  margin: 0;
  line-height: 1.05;
}

/* Footer title link */
.mg-footer-bottom-area .site-title-footer a {
  font-size: clamp(24px, 2.4vw, 34px) !important;  /* MUCH bigger */
  font-weight: 900 !important;
  letter-spacing: 0.24em;
  text-transform: lowercase;
  font-family: system-ui, -apple-system, "Segoe UI", Inter, Arial, sans-serif;

  background: linear-gradient(180deg, #ffffff 0%, #c8d5ff 55%, #8ea7ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.10),
    0 2px 0 rgba(255,255,255,0.06),
    0 5px 12px rgba(0,0,0,0.60),
    0 10px 26px rgba(58,44,214,0.40);

  display: inline-block;
  position: relative;
  padding: 2px 0;
  transition: transform .25s ease, filter .25s ease, letter-spacing .25s ease;
  filter: drop-shadow(0 0 10px rgba(58,44,214,0.26));
}

.mg-footer-bottom-area .site-title-footer a:hover {
  transform: translateY(-1px);
  letter-spacing: 0.28em;
  filter: drop-shadow(0 0 14px rgba(58,44,214,0.45));
}

.mg-footer-bottom-area .site-title-footer a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(140,160,255,0.9), transparent);
  opacity: .6;
  transform: scaleX(.75);
  transform-origin: center;
}

/* Footer description */
.mg-footer-bottom-area .site-description-footer {
  margin: 0;
  font-size: clamp(13px, 1.25vw, 16.5px) !important; /* bigger */
  font-weight: 600 !important;
  letter-spacing: 0.035em;
  color: rgba(230, 238, 255, 0.92) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Inter, Arial, sans-serif;
  text-shadow: 0 2px 9px rgba(0,0,0,0.6);
  max-width: 420px;
}

/* Extra footer boost on desktop so it doesn't look tiny */
@media (min-width: 1200px) {
  .mg-footer-bottom-area .site-title-footer a {
    font-size: clamp(30px, 2.0vw, 40px) !important;
  }
  .mg-footer-bottom-area .site-description-footer {
    font-size: clamp(14.5px, 1.0vw, 17.5px) !important;
  }
}

/* Mobile centering tweak (header + footer) */
@media (max-width: 767px) {
  .mg-nav-widget-area-back .site-branding-text,
  .mg-footer-bottom-area .site-branding-text {
    align-items: center;
    text-align: center;
  }

  .mg-nav-widget-area-back .site-description,
  .mg-footer-bottom-area .site-description-footer {
    max-width: 100%;
  }

  .mg-footer-bottom-area .site-title-footer a {
    letter-spacing: 0.20em;
  }
}



/* =========================
   CENTER TITLE + DESCRIPTION
   ========================= */

/* Give header area a solid height so centering looks intentional */
.mg-nav-widget-area-back .mg-nav-widget-area{
  min-height: 120px;
  display: flex;
  align-items: center;   /* vertical center */
}

/* Make row/col full width and center contents */
.mg-nav-widget-area-back .mg-nav-widget-area .row.align-items-center{
  width: 100%;
  justify-content: center !important;
}

.mg-nav-widget-area-back .mg-nav-widget-area .col-md-3{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  display: flex;
  justify-content: center;
}

/* Center the branding block itself */
.mg-nav-widget-area-back .navbar-header{
  width: 100%;
  display: flex;
  justify-content: center;
}

.mg-nav-widget-area-back .site-branding-text{
  align-items: center !important;
  text-align: center !important;
  gap: 8px;
}










/* Make sure the header image area is the positioning parent */
.mg-nav-widget-area-back {
  position: relative;
}

/* SOCIAL ICONS — exact top-right corner */
.cean-social-icons {
  position: absolute;
  top: env(safe-area-inset-top, 0px);
  right: env(safe-area-inset-right, 0px);
  z-index: 99999;

  display: flex;
  align-items: center;
  gap: 8px;

  /* small inset so it's not glued to the edge */
  margin: 8px;

  padding: 6px 8px;
  border-radius: 999px;

  background: rgba(10, 16, 31, 0.6);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  box-shadow: 0 6px 18px rgba(0,0,0,.28);
}

/* Each icon link */
.cean-social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;
  border-radius: 50%;

  color: #fff;
  font-size: 15px;
  text-decoration: none;

  background: rgba(58, 44, 214, 0.14);
  transition: transform .18s ease, background .18s ease, opacity .18s ease;
}

.cean-social-icons a:hover {
  transform: translateY(-2px);
  background: rgba(58, 44, 214, 0.28);
  opacity: 0.96;
}

/* Tablets / small laptops */
@media (max-width: 1024px) {
  .cean-social-icons {
    margin: 6px;
    gap: 7px;
    padding: 5px 7px;
  }
  .cean-social-icons a {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}

/* Phones — smaller + avoid overlap with burger/menu */
@media (max-width: 768px) {
  .cean-social-icons {
    top: 4px;
    right: 4px;
    margin: 0;              /* truly cornered */
    padding: 4px 6px;
    gap: 6px;
    border-radius: 12px;
  }
  .cean-social-icons a {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
}

/* Very small phones */
@media (max-width: 420px) {
  .cean-social-icons {
    padding: 3px 5px;
    gap: 5px;
  }
  .cean-social-icons a {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}

/* ===================== FOOTER SOCIAL ICONS (BIGGER) ===================== */

.cean-footer-social-wrap {
  width: 100%;
  padding: 10px 0 4px;
  display: flex;
  justify-content: flex-end; /* right on desktop */
  align-items: center;
}

.cean-footer-icons {
  list-style: none;
  margin: 0;
  padding: 0;

  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.cean-footer-icons li {
  margin: 0;
  padding: 0;
}

/* Bigger buttons + icons */
.cean-footer-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;      /* was 32px */
  height: 40px;     /* was 32px */
  border-radius: 50%;

  color: #fff;
  font-size: 18px;  /* was 15px */
  text-decoration: none;

  background: rgba(58, 44, 214, 0.16);
  transition: transform .18s ease, background .18s ease, opacity .18s ease;
}

.cean-footer-icons a:hover {
  transform: translateY(-2px);
  background: rgba(58, 44, 214, 0.30);
  opacity: 0.96;
}

/* Tablets */
@media (max-width: 1024px) {
  .cean-footer-icons a {
    width: 36px;
    height: 36px;
    font-size: 17px;
  }
}

/* Mobile: center + still bigger than before */
@media (max-width: 768px) {
  .cean-footer-social-wrap {
    justify-content: center;
    padding-top: 12px;
  }

  .cean-footer-icons {
    gap: 10px;
  }

  .cean-footer-icons a {
    width: 32px;
    height: 32px;
    font-size: 15px;
  }
}

/* Very small phones */
@media (max-width: 420px) {
  .cean-footer-icons a {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}




/* ==========================================
   CEAN — Unique category colors per SLUG (NewsUp)
   Applies to NewsUp chips + most category link outputs
   ========================================== */



/* --- UNIQUE COLORS (14 categories / 14 different hexes) --- */

/* 1) cean-financial-analysis (Blue) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-financial-analysis/"]{
  background:#3A2CD6 !important; color:#fff !important;
}

/* 2) cean-global-news (Blue) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-global-news/"]{
  background:#1D4ED8 !important; color:#fff !important;
}

/* 3) cean-live-news-business-news (Green) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-live-news-business-news/"]{
  background:#22C55E !important; color:#fff !important;
}

/* 4) cean-live-news-middle-east-updates (Orange) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-live-news-middle-east-updates/"]{
  background:#EA580C !important; color:#111 !important;
}

/* 5) cean-technology (Purple) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-technology/"]{
  background:#8B5CF6 !important; color:#fff !important;
}

/* 6) cean-europe-news (Orange) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-europe-news/"]{
  background:#F59E0B !important; color:#111 !important;
}

/* 7) cean-united-states-news (Blue) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-united-states-news/"]{
  background:#2563EB !important; color:#fff !important;
}

/* 8) cean-africa-news (Green) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-africa-news/"]{
  background:#16A34A !important; color:#fff !important;
}

/* 9) cean-china-news (Green) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-china-news/"]{
  background:#059669 !important; color:#fff !important;
}

/* 10) cean-sports-lifestyle-news (Purple) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-sports-lifestyle-news/"]{
  background:#7C3AED !important; color:#fff !important;
}

/* 11) cean-india-news (Orange) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-india-news/"]{
  background:#FB923C !important; color:#111 !important;
}

/* 12) cean-latin-america-news (Blue) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-latin-america-news/"]{
  background:#0284C7 !important; color:#fff !important;
}

/* 13) cean-live-news-asia-pacific-news (Blue) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-live-news-asia-pacific-news/"]{
  background:#0EA5E9 !important; color:#fff !important;
}

/* 14) cean-live-news-russia-ukraine-conflict (Purple) */
:where(a.newsup-categories, .cat-links a, .post-categories a, a[rel~="category"])[href*="/category/cean-live-news-russia-ukraine-conflict/"]{
  background:#A855F7 !important; color:#fff !important;
}






nav.navigation.pagination{
  margin: 28px 0 !important;
}

nav.navigation.pagination .nav-links{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px 12px !important;

  /* subtle “panel” */
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(6px) !important;
}

/* shared button style */
nav.navigation.pagination .page-numbers{
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.02) !important;

  color: rgba(255,255,255,0.90) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease !important;
}

/* hover/focus */
nav.navigation.pagination a.page-numbers:hover,
nav.navigation.pagination a.page-numbers:focus{
  background: rgba(58,44,214,0.18) !important; /* your brand purple-blue */
  border-color: rgba(58,44,214,0.55) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

/* current page */
nav.navigation.pagination .page-numbers.current{
  background: #3A2CD6 !important;
  border-color: rgba(58,44,214,0.85) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(58,44,214,0.28) !important;
}

/* dots */
nav.navigation.pagination .page-numbers.dots{
  min-width: 28px !important;
  height: 40px !important;
  padding: 0 10px !important;
  border: 1px dashed rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.01) !important;
  color: rgba(255,255,255,0.55) !important;
}

/* next/prev (icon button) */
nav.navigation.pagination a.next.page-numbers,
nav.navigation.pagination a.prev.page-numbers{
  padding: 0 14px !important;
  gap: 6px !important;
}

/* make the font-awesome arrow sit nicely */
nav.navigation.pagination a.next.page-numbers i,
nav.navigation.pagination a.prev.page-numbers i{
  font-size: 16px !important;
  line-height: 1 !important;
}

/* optional: slightly reduce on small screens */
@media (max-width: 480px){
  nav.navigation.pagination .nav-links{
    gap: 6px !important;
    padding: 10px !important;
  }
  nav.navigation.pagination .page-numbers{
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}