/* ==========================================================
   ITTOWER.ORG — shared blue/green theme
   Slim header, compact banner, white content sheets, slim footer.
   Linked AFTER style.css / responsive.css on every public page.
   ========================================================== */
:root{ --bg1:#2f5bff; --bg2:#1fb5c9; --bg3:#38D39F; }

/* ---- Page background ---- */
html{ min-height:100%; }
body{ min-height:100vh; background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 50%,var(--bg3) 100%); }

/* ---- Slim top bar ---- */
.top_menu{ height:auto; line-height:16px; background:linear-gradient(90deg,#1d3fd1,#1798b0 60%,#2bbf8c); }
.top_menu .float-left, .top_menu .right_side{ padding:4px 0; }
.top_menu .float-left p{ color:#fff; font-size:10.5px; line-height:16px; padding:0 14px; border-right-color:rgba(255,255,255,.5); }
.top_menu .right_side li a{ color:#fff; font-size:10.5px; line-height:16px; padding:0 12px; white-space:nowrap; border-right-color:rgba(255,255,255,.5); }
.top_menu .right_side li:hover a{ color:#d6fff0; }
.top_menu .float-right{ float:right; }

/* ---- Slim main header ---- */
.header_area .main_menu{ background:#fff; border-bottom:3px solid transparent; border-image:linear-gradient(90deg,#2f5bff,#38D39F) 1; }
.header_area .navbar{ border-top:0; }
@media (min-width:992px){
  .header_area .navbar .navbar-brand{ line-height:50px !important; font-size:21px !important; padding:0; margin-right:1rem; }
  .header_area .navbar .nav .nav-item .nav-link{ line-height:50px; font-size:12.5px; }
  .header_area .navbar .nav .nav-item{ margin-right:32px; }
  .header_area .navbar .icons, .header_area .navbar .search, .header_area .navbar .cart{ line-height:50px; }
  .header_area .navbar .icons{ margin-left:16px; }
  .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link{ line-height:46px; }
}

/* ---- Compact banner (page title strip) ---- */
.banner_area{ min-height:0; }
.banner_area .banner_inner{ background:transparent; min-height:0; padding:12px 0; }
.banner_area .banner_inner .banner_content h2{ color:#fff; font-size:22px; margin-bottom:0; }
.banner_area .banner_inner .banner_content p{ color:rgba(255,255,255,.9); font-size:13px; }
.banner_area .banner_inner .banner_content .page_link a{ color:rgba(255,255,255,.9); }
.banner_area .banner_inner .banner_content .page_link a:hover{ color:#fff; }

/* ---- Content = white rounded sheets on the gradient ---- */
body > section:not(.banner_area):not(.footer-area):not(.home_banner_area):not(.account_dashboard_area),
body > div.product_image_area,
body > div.whole-wrap{
  background:#fff; width:calc(100% - 24px); max-width:1230px; margin:14px auto;
  border-radius:16px; box-shadow:0 14px 40px rgba(10,30,90,.18);
  padding-top:36px !important; padding-bottom:36px !important; overflow:hidden;
}

/* ---- Slim footer ---- */
.footer-area{ background:linear-gradient(135deg,#1d3fd1 0%,#1798b0 55%,#2bbf8c 100%) !important; padding:26px 0 14px !important; margin-top:18px; }
.footer-area .single-footer-widget{ margin-bottom:10px; }
.footer-area .single-footer-widget h4{ font-size:15px; margin-bottom:10px; }
.footer-area .single-footer-widget p{ color:rgba(255,255,255,.85); font-size:12.5px; line-height:18px; margin-bottom:8px; }
.footer-area .single-footer-widget ul li{ margin-bottom:6px; }
.footer-area .single-footer-widget ul li a{ color:rgba(255,255,255,.85); }
.footer-area .single-footer-widget .form-wrap{ margin-top:6px; }
.footer-area .form-inline{ flex-wrap:nowrap; }
.footer-area .single-footer-widget input{ flex:1 1 auto; width:auto !important; min-width:0; height:38px; padding:6px 12px; background:rgba(255,255,255,.2); border-radius:8px 0 0 8px; }
.footer-area .single-footer-widget input::placeholder{ color:rgba(255,255,255,.75); }
.footer-area .single-footer-widget .click-btn{ height:38px; background:#fff !important; color:#1d3fd1; font-weight:700; border-radius:0 8px 8px 0; padding:0 14px; position:static; left:0; }
.footer-area .itt-floor-drilldown-btn{ padding:9px 18px; font-size:12.5px; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.45); box-shadow:none; }
.footer-area .itt-floor-drilldown-btn:hover{ background:rgba(255,255,255,.32); }
.footer-area .footer-bottom{ margin-top:12px; padding-top:10px; border-top:1px solid rgba(255,255,255,.25); }
.footer-area .footer-bottom p{ font-size:12.5px; color:rgba(255,255,255,.9); }
.footer-area .footer-bottom .footer-social{ text-align:right; margin-top:0; }
.footer-area .footer-bottom .footer-social a{ width:30px; height:30px; font-size:13px; border-radius:50%; background:rgba(255,255,255,.2); color:#fff; }
.footer-area .footer-bottom .footer-social a:hover{ background:#fff; color:#1d3fd1; }
/* WhatsApp button in the footer: double size, WhatsApp green */
.footer-area .footer-bottom .footer-social a[href*="wa.me"]{ width:60px; height:60px; font-size:26px; background:#25d366; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.2); }
.footer-area .footer-bottom .footer-social a[href*="wa.me"]:hover{ background:#1ebe5a; color:#fff; }
.footer-area .footer-bottom .footer-social a:has(.fa-whatsapp){ width:60px; height:60px; font-size:26px; background:#25d366; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.2); }
.footer-area .footer-bottom .footer-social a:has(.fa-whatsapp):hover{ background:#1ebe5a; color:#fff; }
@media (max-width:991px){ .footer-area .footer-bottom .footer-social{ text-align:left; margin-top:8px; } }

/* ---- Accent colours: blue/green instead of purple ---- */
.main_btn, .main_btn2, .submit_btn{ background:linear-gradient(135deg,#2f5bff,#38D39F); border-color:transparent; }
.main_btn:hover, .main_btn2:hover, .submit_btn:hover{ background:linear-gradient(135deg,#2f5bff,#38D39F); color:#fff; opacity:.9; }
.home_banner_area .banner_inner .banner_content h3 span{ color:#7dffd0; }
@media (max-width:767px){
  .cart_inner .table tbody tr.out_button_area .checkout_btn_inner, .cart_inner .table tbody tr.bottom_button td .cupon_text{ margin-left:0; }
}

/* ---- Home hero: shorter, rounded card like the other sheets ---- */
.home_banner_area{ min-height:430px !important; width:calc(100% - 24px); max-width:1230px; margin:14px auto !important; border-radius:16px; box-shadow:0 14px 40px rgba(10,30,90,.18); }
.home_banner_area .banner_inner{ min-height:430px !important; padding:28px 0; }
.home_banner_area .banner_inner .banner_content h3{ font-size:38px; line-height:44px; margin-bottom:10px; }
.home_banner_area .banner_inner .banner_content .sub{ margin-bottom:6px; }
.home_banner_area .banner_inner .banner_content h4{ font-size:15px; line-height:22px; }
.home_banner_area .banner_content div[style*="margin:26px"]{ margin:16px 0 8px !important; }
.home_banner_area .banner_content .main_btn.mt-40{ margin-top:10px; }
@media (max-width:767px){
  .home_banner_area{ min-height:0 !important; }
  .home_banner_area .banner_inner{ min-height:0 !important; padding:24px 0 150px; }
  .home_banner_area .banner_inner .banner_content h3{ font-size:30px; line-height:36px; }
}