/*
 * Antakya Galvaniz unified visual system
 * Added: 2026-08-20
 * This file intentionally overrides the legacy theme without deleting it.
 */

:root {
  --ag-navy: #0a2b5c;
  --ag-navy-dark: #061f45;
  --ag-blue-soft: #eef3f8;
  --ag-steel: #627083;
  --ag-border: #dfe6ee;
  --ag-bg: #f6f8fb;
  --ag-white: #ffffff;
  --ag-accent: #d96b18;
  --ag-shadow-sm: 0 8px 24px rgba(8, 35, 75, .08);
  --ag-shadow-md: 0 16px 42px rgba(8, 35, 75, .13);
  --ag-radius: 6px;
  --ag-container: 1180px;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #27364a;
  background: var(--ag-white);
  font-family: 'Montserrat Regular', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

p {
  color: #5b6878;
  line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--ag-navy);
  letter-spacing: -.015em;
}

a {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.container {
  width: 100%;
  max-width: var(--ag-container);
}

/* Header */
.header-menu {
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 2px 18px rgba(8, 35, 75, .08);
}

.header-menu-content {
  min-height: 92px;
}

.header-menu .menu-primary > li > a {
  color: #203047;
  font-weight: 600;
}

.header-menu .menu-primary > li > a:hover {
  color: var(--ag-navy);
}

.header-menu .menu-primary > li:last-child > a {
  border: 1px solid var(--ag-navy);
  background: var(--ag-navy);
  color: #fff !important;
}

.header-menu .menu-primary > li:last-child > a:hover {
  background: var(--ag-navy-dark);
  border-color: var(--ag-navy-dark);
}

.header-menu .sub-menu {
  border-top: 3px solid var(--ag-navy) !important;
  box-shadow: var(--ag-shadow-md);
}

/* One coherent inner-page hero */
.heading-page-2 {
  position: relative;
  min-height: 275px !important;
  height: 275px !important;
  overflow: hidden;
  background-position: center 52% !important;
  background-size: cover !important;
}

.heading-page-2:before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: '';
  background: linear-gradient(90deg, rgba(5, 27, 61, .82), rgba(5, 27, 61, .42));
}

.heading-page-2 .container {
  position: relative;
  z-index: 2;
  height: 100%;
}

.heading-page-content {
  width: calc(100% - 40px) !important;
  max-width: 830px;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto;
  padding: 34px 44px !important;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: var(--ag-radius);
  background: rgba(6, 31, 69, .72) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .17);
  text-align: center;
  backdrop-filter: blur(2px);
}

.heading-page-content:before,
.heading-page-content:after {
  display: none !important;
}

.au-page-title {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(31px, 3.6vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-shadow: none !important;
}

.heading-page-content p,
.heading-page-content .page-subtitle {
  max-width: 720px;
  margin: 14px auto 0 !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Shared section rhythm */
.aboutus-page,
.aboutus-page2,
.contact-info,
.home-blog:not(.ag-product-categories) {
  padding-top: 68px !important;
  padding-bottom: 76px !important;
  background: #fff;
}

.aboutus-page > .container,
.aboutus-page2 > .container,
.contact-info > .container,
.home-blog > .container {
  max-width: var(--ag-container);
}

.aboutus-page h2,
.aboutus-page2 h2,
.contact-info h2,
.home-blog h2 {
  margin-bottom: 20px;
  color: var(--ag-navy);
  font-weight: 700;
  line-height: 1.2;
}

.aboutus-page h3,
.aboutus-page2 h3,
.contact-info h3,
.home-blog h3 {
  color: var(--ag-navy);
  font-weight: 700;
}

.aboutus-page img,
.aboutus-page2 img {
  border-radius: var(--ag-radius);
}

/* Product/category/list cards share one language */
.home-blog .item,
.kategori-list .item,
.product-item {
  overflow: hidden;
  border: 1px solid var(--ag-border);
  border-radius: var(--ag-radius);
  background: #fff;
  box-shadow: var(--ag-shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}

.home-blog .item:hover,
.kategori-list .item:hover,
.product-item:hover {
  transform: translateY(-5px);
  box-shadow: var(--ag-shadow-md);
}

.home-blog .item figure,
.kategori-list .item figure,
.product-item figure {
  overflow: hidden;
  background: linear-gradient(145deg, #f5f7fa, #e8edf3);
}

.home-blog .item figure img,
.kategori-list .item figure img,
.product-item figure img {
  width: 100%;
  transition: transform .35s ease;
}

.home-blog .item:hover figure img,
.kategori-list .item:hover figure img,
.product-item:hover figure img {
  transform: scale(1.035);
}

.home-blog .item .info,
.kategori-list .item .info,
.product-item .info {
  padding: 20px 18px;
}

.home-blog .item .title,
.kategori-list .item .title,
.product-item .title {
  margin: 0 !important;
  color: var(--ag-navy);
  line-height: 1.35;
}

.home-blog .item .title a,
.kategori-list .item .title a,
.product-item .title a {
  color: var(--ag-navy);
  font-weight: 700;
}

/* Category editorial copy */
.home-blog > .container > h2,
.home-blog .category-description h2 {
  font-size: clamp(28px, 3vw, 40px);
}

.home-blog > .container > p,
.home-blog .category-description p {
  max-width: 980px;
  font-size: 16px;
  line-height: 1.8;
}

/* Product detail */
.aboutus-page2 .row {
  align-items: flex-start;
}

.aboutus-page2 figure,
.aboutus-page2 .aboutus-page-content {
  border-radius: var(--ag-radius);
}

.aboutus-page2 .aboutus-page-content {
  padding: 4px 0 30px;
}

.aboutus-page2 .aboutus-page-content h2 {
  padding-bottom: 16px;
  border-bottom: 2px solid var(--ag-border);
  font-size: clamp(30px, 3.4vw, 44px);
}

.aboutus-page2 table,
.aboutus-page table {
  width: 100% !important;
  margin: 24px 0;
  overflow: hidden;
  border: 1px solid var(--ag-border) !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: var(--ag-radius);
  background: #fff;
  box-shadow: var(--ag-shadow-sm);
}

.aboutus-page2 table tr:nth-child(even),
.aboutus-page table tr:nth-child(even) {
  background: #f5f8fb;
}

.aboutus-page2 table td,
.aboutus-page2 table th,
.aboutus-page table td,
.aboutus-page table th {
  padding: 14px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ag-border) !important;
  color: #34445a;
  vertical-align: top;
}

.aboutus-page2 table tr:last-child td,
.aboutus-page table tr:last-child td {
  border-bottom: 0 !important;
}

.aboutus-page2 table td:first-child,
.aboutus-page table td:first-child {
  width: 45%;
  color: var(--ag-navy);
  font-weight: 700;
}

/* Article pages */
.aboutus-page {
  font-size: 16px;
}

.aboutus-page p,
.aboutus-page li {
  font-size: 16px;
  line-height: 1.82;
}

.aboutus-page h2 {
  margin-top: 38px;
  font-size: 30px;
}

.aboutus-page h3 {
  margin-top: 30px;
  font-size: 23px;
}

/* Contact */
.contact-info {
  background: var(--ag-bg);
}

.contact-info .item,
.contact-info [class*='col-'] > div {
  border-radius: var(--ag-radius);
}

.contact-info h2,
.contact-info h3 {
  color: var(--ag-navy);
}

.contact-info .common-form,
.contact-info form {
  padding: 30px;
  border: 1px solid var(--ag-border);
  border-radius: var(--ag-radius);
  background: #fff;
  box-shadow: var(--ag-shadow-sm);
}

.contact-info input,
.contact-info textarea,
.common-form input,
.common-form textarea {
  border: 1px solid #d5dde7 !important;
  border-radius: 4px !important;
  background: #fff !important;
}

.contact-info input:focus,
.contact-info textarea:focus,
.common-form input:focus,
.common-form textarea:focus {
  border-color: var(--ag-navy) !important;
  box-shadow: 0 0 0 3px rgba(10, 43, 92, .1);
}

.contact-info button,
.common-form button,
.common-form .au-btn {
  border-color: var(--ag-navy) !important;
  border-radius: 4px;
  background: var(--ag-navy) !important;
  color: #fff !important;
}

/* Blog cards */
.home-blog .section-title {
  margin-bottom: 30px;
}

.home-blog .section-title img {
  width: 180px;
  max-width: 40%;
}

.home-blog .section-title h2 {
  color: var(--ag-navy);
  font-size: clamp(30px, 3vw, 42px);
}

/* Footer */
footer,
.footer,
.footer2 {
  background: var(--ag-navy-dark) !important;
}

.footer2 {
  padding-top: 70px !important;
  padding-bottom: 48px !important;
}

.footer2 .footer-logo img,
footer .footer-logo img {
  max-width: 240px;
}

.footer2 .footer-menu a,
.footer2 .footer-bottom a,
footer a {
  color: rgba(255, 255, 255, .82) !important;
}

.footer2 .footer-menu a:hover,
.footer2 .footer-bottom a:hover,
footer a:hover {
  color: #fff !important;
}

.footer2 .footer-line {
  background: rgba(255, 255, 255, .16) !important;
}

/* Floating WhatsApp */
.floating-wpp {
  filter: drop-shadow(0 8px 18px rgba(20, 45, 76, .2));
}

/* Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(217, 107, 24, .55) !important;
  outline-offset: 3px;
}

/* Arabic */
html[lang='ar'] body {
  direction: rtl;
  text-align: right;
}

html[lang='ar'] .heading-page-content {
  text-align: center;
}

html[lang='ar'] .aboutus-page2 table td:first-child,
html[lang='ar'] .aboutus-page table td:first-child {
  text-align: right;
}

/* Responsive */
@media (max-width: 991px) {
  .header-mobile .header-top-mobile {
    padding: 13px 20px;
    border-bottom: 1px solid var(--ag-border);
    background: #fff;
    box-shadow: 0 3px 14px rgba(8, 35, 75, .07);
  }

  .header-mobile .header-top-mobile .logo img {
    width: auto;
    max-width: 185px;
    height: auto;
  }

  .au-nav-mobile {
    background: var(--ag-navy-dark) !important;
  }

  .heading-page-2 {
    min-height: 235px !important;
    height: 235px !important;
  }

  .heading-page-content {
    width: calc(100% - 32px) !important;
    padding: 28px 24px !important;
  }

  .au-page-title {
    font-size: 32px !important;
  }

  .aboutus-page,
  .aboutus-page2,
  .contact-info,
  .home-blog:not(.ag-product-categories) {
    padding-top: 48px !important;
    padding-bottom: 54px !important;
  }

  .aboutus-page2 table,
  .aboutus-page table {
    display: block;
    overflow-x: auto;
  }

  .contact-info .common-form,
  .contact-info form {
    padding: 22px;
  }
}

@media (max-width: 575px) {
  body {
    font-size: 15px;
  }

  .heading-page-2 {
    min-height: 210px !important;
    height: 210px !important;
  }

  .heading-page-content {
    width: calc(100% - 24px) !important;
    padding: 24px 18px !important;
  }

  .au-page-title {
    font-size: 27px !important;
  }

  .heading-page-content p,
  .heading-page-content .page-subtitle {
    font-size: 14px !important;
  }

  .aboutus-page2 table td,
  .aboutus-page2 table th,
  .aboutus-page table td,
  .aboutus-page table th {
    min-width: 150px;
    padding: 12px !important;
  }

  .footer2 {
    padding-top: 52px !important;
    padding-bottom: 34px !important;
  }
}