@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

html, body , .navbar-main , button , input, select, textarea ,a{
    font-family: 'Poppins', sans-serif;
    color: #0F172A; /* base text color */
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* General Reset Improvements */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Base improvements */
body {
    background-color: #fff;
    font-size: 15px;
}

/* WhatsApp Button */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99;
    background: #22B9B2;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    width: 60px;
    height: 60px;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
.whatsapp-button:hover {
    background: #1AA8A2;
    transform: scale(1.08);
}

#order-standard_cart .view-cart-items-header,.btn-block,#order-standard_cart .order-summary h2,#order-standard_cart .empty-cart .btn{
    background: #22B9B2 !important;
    color:#fff !important;
    border-radius:8px;
}

h1, h2 ,h3 ,h4 , h5, h6{
    font-family:'Poppins', sans-serif !important;
    color:#0F172A;
    font-weight:400 !important;
    margin-bottom:15px;
}

a{color:#0F172A;transition: color 0.3s ease;}
a:hover{color:#22B9B2;}

.navbar-main{
    background: #FFFFFF;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 1000;
}
.navbar-main .navbar-nav>li>a{
    padding:16px 14px;
    color:#0F172A;
    transition: color 0.3s ease;
}
.navbar-main .navbar-nav>li>a:hover{
    color:#22B9B2;
}

/* Fix mobile mega menu text visibility */
@media screen and (max-width:767px){
  .navbar-main .navbar-nav>li>a{
    color:#0F172A !important;
    background:#fff;
  }
  .navbar-main .navbar-nav>li>a:hover{
    color:#22B9B2 !important;
  }
}

.label-warning, .label-default, .label-info {
    background: #22B9B2;
    color:#fff;
    border-radius:4px;
}

#home-banner{
    background:#FFFFFF !important;
    padding:80px 15px !important;
    text-align: center;
}
#home-banner h2{color:#0F172A;padding-bottom:25px !important;}
section#home-banner .btn.search,
section#home-banner .btn.transfer{
    background: #22B9B2 !important;
    color:#fff;
    font-weight:600;
    border-radius:6px;
    transition: all 0.3s ease;
}
section#home-banner .btn.search:hover,
section#home-banner .btn.transfer:hover{
    background: #1AA8A2 !important;
    color:#fff;
}

ul.top-nav>li.primary-action>a.btn{
    background: #22B9B2;
    color:#fff;
    font-weight:600;
    border-radius:6px;
    transition: all 0.3s ease;
}
ul.top-nav>li.primary-action>a.btn:hover{
    background: #1AA8A2;
    color:#fff;
}

section#footer{
    background:#F5F5F5 !important;
    color:#0F172A;
    padding:50px 20px;
    text-align:center;
    font-size:14px;
}
section#footer .back-to-top i{
    background-color:#22B9B2;
    color:#fff;
    border-radius:50%;
    padding:10px;
    transition: all 0.3s ease;
}
section#footer .back-to-top i:hover{
    background:#1AA8A2;
    color:#fff;
}

.panel-sidebar>.panel-heading{background-color:#f5f5f5;color:#0F172A;font-weight:600;}
.panel-sidebar .panel-title{color:#0F172A;}
.panel-sidebar .panel-title .fa{color:#22B9B2;}
.panel-sidebar a.list-group-item.active{background:#22B9B2;border-color:#22B9B2;color:#fff !important;}
.panel-sidebar a.list-group-item.active .fa{color:#fff !important;}

.btn {
    overflow: hidden;
    padding: 14px 28px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-weight: 500;
}
.btn-group-sm > .btn, .btn-sm {
    padding: 7px 14px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 4px;
}

/* Primary Buttons */
.btn-default, .btn-primary, .btn-success{
    color:#fff !important;
    background: #22B9B2 !important;
    border: none !important;
}
.btn-default:hover, .btn-primary:hover, .btn-success:hover{
    background: #1AA8A2 !important;
    color:#fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* Outline Buttons */
.btn-outline {
    background: transparent;
    border: 2px solid #22B9B2;
    color: #22B9B2;
    font-weight: 500;
}
.btn-outline:hover {
    background: #22B9B2;
    color: #fff;
    border: none;
}

.dropdown-menu>li>a{color:#6B6B6B;transition: all 0.3s ease;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background:#22B9B2 !important;
    color:#fff;
}

#order-modern .product .name{font-family:'Poppins', sans-serif !important;color:#0F172A !important;font-weight:600;}
#order-modern .product .description{margin:15px 0 !important;color:#6B6B6B;}

.home-shortcuts{
    width:100%;
    padding:100px 20px;
    background:#F5F5F5;
    margin-bottom:50px;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center;
}
.home-shortcuts li{
    flex:1 1 220px;
    max-width:280px;
    background:#22B9B2;
    padding:40px 20px;
    text-align:center;
    border:none;
    box-shadow:0 0 15px rgba(0,0,0,0.08);
    border-radius:8px;
    transition:all ease-in-out .3s;
    color:#fff;
}
.home-shortcuts li:hover{
    background:#1AA8A2;
    transform:translateY(-6px);
}
.home-shortcuts li p{
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin-top:10px;
}
.home-shortcuts li i{
    color:#fff;
    font-size:42px;
    margin-bottom:10px;
}

section#header .logo-text{
    font-size:22px;
    line-height:16px;
    font-weight:700;
    color:#0F172A;
    font-family:'Poppins', sans-serif;
    padding-top:12px;
    display:inline-block;
}

/* Navbar Defaults (replacing Bootstrap defaults) */
.navbar-default .navbar-nav>li>a {
  color:#0F172A;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color:#22B9B2;
  background-color:transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  color:#0F172A;
  background-color:#F5F5F5;
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
  color:#ccc;
  background-color:transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  color:#0F172A;
  background-color:#F5F5F5;
}

/* Header Lined Section */
div.header-lined h1 {
  margin-top:0;
  margin-bottom:15px;
  padding:6px 0;
  border-bottom:1px solid #ccc;
  font-weight:400;
  color:#0F172A;
}
div.header-lined .breadcrumb {
  margin-top:-15px;
  padding-left:0;
  background:transparent;
  font-size:.85em;
  border-radius:0 0 4px 4px;
}
div.header-lined .breadcrumb li a {
  color:#6B6B6B;
  transition:color 0.3s ease;
}
div.header-lined .breadcrumb li a:hover {
  color:#22B9B2;
}
div.header-lined .breadcrumb>.active {
  color:#0F172A;
}
div.header-lined small {
  white-space:nowrap;
  overflow:hidden;
}

/* Order Boxes */
#order-boxes {
    margin: 0;
    padding: 0 0 40px 0;
}
#order-boxes .line-padded {
    margin-top: 15px;
    margin-bottom: 15px;
}
#order-boxes .fields-container {
    border-top: 6px solid #22B9B2;
    border-bottom: 6px solid #22B9B2;
    border-radius: 8px;
    overflow: hidden;
}
#order-boxes .fields-container .field-row {
    padding: 12px 10px;
}
#order-boxes .fields-container .field-row:nth-child(odd) {
    background-color: #f9f9f9;
    color: #0F172A;
}
#order-boxes .fields-container .field-row:nth-child(even) {
    background-color: #f1f1f1;
    color: #0F172A;
}
#order-boxes .product-radio {
    padding-left: 40px;
}
#order-boxes .product-radio input[type=radio] {
    margin-left: -30px;
}
#order-boxes .secure-warning {
    margin: 20px 0;
    padding: 10px;
    border-top: 4px solid #22B9B2;
    border-bottom: 4px solid #1AA8A2;
    background-color: #E0F7F5;
    font-size: 0.9em;
    text-align: center;
    color: #0F172A;
    border-radius: 6px;
}

/* Responsive Fixes */
@media screen and (max-width:991px){
  .navbar-main .navbar-nav>li>a{padding:12px 10px;}
}
@media screen and (max-width:767px){
  .home-shortcuts{padding:50px 10px;}
  .home-shortcuts li{flex:1 1 45%;max-width:100%;}
  .btn{padding:10px 16px;font-size:14px;border-radius:6px;} /* restore smaller button size on mobile */
}
@media screen and (max-width:480px){
  section#header .logo img{width:60%;}
  .home-shortcuts{flex-direction:column;align-items:center;}
  .home-shortcuts li{width:95% !important;margin:10px auto !important;padding:20px 15px;}
  .btn{width:100%;padding:10px 14px;font-size:14px;} /* narrower buttons for mobile */
}