}
.container-header .navbar-brand img {
  display:block;width:100%;max-width:1400px;height:auto;
  object-fit:contain;border-radius:8px;margin:0 auto;
}
.container-header .navbar-brand,
.container-header .site-description {color:var(--coop-navy);}
/* Maximenu CK - keep existing menus and submenu behavior */
.container-header .container-nav {background:var(--coop-navy);border-radius:0;}
div.maximenuckh,
div.maximenuckh ul.maximenuck {background:var(--coop-navy)!important;background-image:none!important;}
div.maximenuckh ul.maximenuck > li.maximenuck {
  background:transparent!important;background-image:none!important;border:0;
}
div.maximenuckh ul.maximenuck > li.maximenuck > a.maximenuck {
  color:#fff!important;background:transparent!important;background-image:none!important;
  font-weight:500;transition:background-color .2s ease;
}
div.maximenuckh ul.maximenuck > li.maximenuck > a.maximenuck span,
div.maximenuckh ul.maximenuck > li.active > a,
div.maximenuckh ul.maximenuck > li.current > a {color:#fff!important;}
div.maximenuckh ul.maximenuck > li.maximenuck:hover > a.maximenuck,
div.maximenuckh ul.maximenuck > li.maximenuck > a.maximenuck:hover,
div.maximenuckh ul.maximenuck > li.active > a,
div.maximenuckh ul.maximenuck > li.current > a {
  color:#fff!important;background:var(--coop-blue)!important;
}
div.maximenuckh .floatck {
  background:#fff;border:1px solid #e3ecf4;
  border-radius:10px;box-shadow:0 12px 25px rgba(6,57,112,.12);
}
.container-header .floatck a.maximenuck {color:var(--coop-navy);}
.container-header .floatck a.maximenuck:hover {color:var(--coop-blue);}
div.maximenuckh a:focus-visible {outline:2px solid var(--coop-green);outline-offset:2px;}
/* News module: do not alter Digi Showcase's own grid or click targets */
.coop-news {
  background:#fff;border:1px solid #e3ecf4;border-radius:18px;
  padding:16px;box-shadow:0 6px 22px rgba(6,57,112,.06);
  margin-bottom:24px;
}
.coop-news h3 {color:var(--coop-navy);font-size:1.3rem;font-weight:700;line-height:1.5;}
.coop-news img {max-width:100%;height:auto;border-radius:10px;}
.coop-news a {color:var(--coop-navy);text-decoration:none;}
.coop-news a:hover {color:var(--coop-blue);}
.coop-news a:focus-visible {outline:2px solid var(--coop-green);outline-offset:3px;}
/* Footer */
.container-footer {background:var(--coop-navy);background-image:none;color:#fff;}
@media (max-width:768px) {
  .container-header .navbar-brand {padding:4px;}
  .container-header .navbar-brand img {width:100%;height:auto;border-radius:0;}
  h1 {font-size:1.7rem;}
  h2 {font-size:1.4rem;}
  .coop-news {padding:12px;border-radius:12px;}
}
@media (max-width:640px) {
  .coop-news {padding:10px;}
}

/* COOP UBON - Restore Maximenu CK */

.container-header .container-nav,
div.maximenuckh,
div.maximenuckh > ul.maximenuck {
    background: #063970 !important;
    background-image: none !important;
}

div.maximenuckh ul.maximenuck > li.maximenuck {
    background: transparent !important;
}

div.maximenuckh ul.maximenuck > li.maximenuck > a,
div.maximenuckh ul.maximenuck > li.maximenuck > a span {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Keep dropdown readable */
div.maximenuckh .floatck {
    background: #ffffff !important;
}

div.maximenuckh .floatck a,
div.maximenuckh .floatck a span {
    color: #063970 !important;
}

/* COOP UBON - Premium Compact Banner */

@media (min-width: 992px) {
  .container-header .navbar-brand img,
  .container-header .brand-logo img {
    max-height: 360px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
  }
}

/* COOP UBON - Premium Header Refinement */

/* พื้นหลังส่วนแบนเนอร์ */
.container-header {
    background: #063970;
    background-image: none;
}

/* ลดระยะห่างส่วนเนื้อหาหลัก */
.site-grid {
    row-gap: 16px;
}

/* ปรับกรอบเนื้อหาให้ดูทันสมัย */
.card {
    border-radius: 14px;
}

/* =========================================
   COOP UBON - PREMIUM MODERN MINIMAL
   Phase 2: Dropdown / Sidebar / Footer
   ========================================= */

:root {
  --coop-navy: #063970;
  --coop-blue: #1685c5;
  --coop-light: #eaf3fa;
  --coop-border: #dfe9f3;
}

/* 1. Maximenu CK - Dropdown only */
.container-header .maximenuck .floatck {
  background: #ffffff !important;
  border: 1px solid var(--coop-border);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(6,57,112,.12);
  padding: 8px;
  z-index: 1000;
}

/* Dropdown links */
.container-header .maximenuck .floatck a {
  color: var(--coop-navy) !important;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color .2s ease;
}

.container-header .maximenuck .floatck a:hover,
.container-header .maximenuck .floatck a:focus {
  background-color: var(--coop-light);
  color: var(--coop-navy) !important;
}

/* 2. Right sidebar - Cassiopeia */
.container-sidebar-right .card {
  background: #ffffff;
  border: 1px solid var(--coop-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(6,57,112,.05);
  margin-bottom: 18px;
}

.container-sidebar-right .card-header {
  background: #f4f8fc;
  color: var(--coop-navy);
  font-weight: 700;
  border-bottom: 1px solid var(--coop-border);
}

.container-sidebar-right img {
  max-width: 100%;
  height: auto;
}

/* 3. Footer */
.container-footer {
  background: var(--coop-navy);
  background-image: none;
  color: #ffffff;
}

.container-footer a {
  color: #dceeff;
  text-decoration: none;
}

.container-footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* 4. Mobile adjustments */
@media (max-width: 767px) {
  .container-sidebar-right .card {
    border-radius: 10px;
    margin-bottom: 12px;
  }

  .container-header .maximenuck .floatck {
    max-width: calc(100vw - 24px);
  }
}

/* COOP UBON - Reduce top content spacing */

@media (min-width: 992px) {
  .site-grid {
    row-gap: 12px;
  }

  .site-grid > .grid-child {
    margin-top: 0;
  }
}

/* =====================================
   COOP UBON - Compact Content Spacing
   ===================================== */

@media (min-width: 992px) {

    /* ลดระยะห่างก่อนเนื้อหาหลัก */
    .site-grid {
        row-gap: 0;
    }

    /* ลดระยะด้านบนของพื้นที่เนื้อหา */
    .container-component {
        margin-top: 0;
        padding-top: 0;
    }

    /* ลดระยะด้านบนของ Sidebar */
    .container-sidebar-right {
        margin-top: 0;
        padding-top: 0;
    }

    /* จัดระยะห่าง Breadcrumb */
    .container-breadcrumbs {
        margin-top: 12px;
        margin-bottom: 16px;
    }
}

/* ======================================
   COOP UBON - Premium Minimal Footer
   ====================================== */

.container-footer {
    background: #063970;
    background-image: none;
    color: #ffffff;
    border-top: 3px solid #16A085;
    padding: 28px 0;
}

/* ข้อความใน Footer */
.container-footer p {
    color: #E1EAF5;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 6px;
}

/* ลิงก์ */
.container-footer a {
    color: #ffffff;
    text-decoration: none;
}

.container-footer a:hover {
    color: #8ED9E4;
    text-decoration: underline;
}

/* ลดระยะห่างบนมือถือ */
@media (max-width: 768px) {
    .container-footer {
        padding: 20px 12px;
    }

    .container-footer p {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* COOP UBON - Footer Text Line Breaks */

/* รักษาการขึ้นบรรทัดจากช่อง Footer Text */
.container-footer .banneritem,
.container-footer .mod-banners {
    white-space: pre-line;
}

/* ระยะห่างและความอ่านง่าย */
.container-footer {
    line-height: 1.8;
}

.container-footer .mod-banners {
    font-size: 15px;
}

/* COOP UBON - Compact Footer */

/* ลดระยะห่างของ Footer */
.container-footer {
    padding: 18px 0 !important;
    min-height: 0;
    line-height: 1.65;
}

/* รักษาการขึ้นบรรทัดและระยะข้อความ */
.container-footer .mod-banners,
.container-footer .banneritem {
    white-space: pre-line;
    margin: 0;
    padding: 0;
}

/* ข้อความใน Footer */
.container-footer p {
    margin: 0 0 6px;
    line-height: 1.65;
}

/* ลดระยะห่างระหว่างองค์ประกอบ */
.container-footer .mod-banners__header,
.container-footer .mod-banners__footer {
    margin: 0 0 8px;
    padding: 0;
}

/* รองรับมือถือ */
@media (max-width: 768px) {
    .container-footer {
        padding: 16px 12px !important;
    }
}
<footer class="container-footer footer full-width">
  <div class="grid-child">
    <div class="mod-banners bannergroup">
      <div class="bannerheader">
        © 2569 สงวนลิขสิทธิ์
      </div>
      <div class="mod-banners__footer bannerfooter">
        <!-- ข้อมูลติดต่อสหกรณ์ -->
      </div>
    </div>
  </div>
</footer>

/* =====================================
   COOP UBON - COMPACT FOOTER FIX
   Joomla 5 / Cassiopeia / AB Footer
   ===================================== */

/* กรอบ Footer */
.container-footer {
    padding: 24px 0 !important;
    min-height: 0 !important;
    border-top: 3px solid #16A085;
}

/* กล่องโมดูล Banners */
.container-footer .mod-banners.bannergroup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* Copyright */
.container-footer .bannerheader {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.6;
}

/* ข้อมูลติดต่อ */
.container-footer .mod-banners__footer.bannerfooter {
    margin: 0 !important;
    padding: 0 !important;
    white-space: pre-line;
    line-height: 1.7;
}

/* มือถือ */
@media (max-width: 768px) {
    .container-footer {
        padding: 20px 14px !important;
    }
}