/* ═══════════════════════════════════════════════════════════════
   UK WIDE WEB SERVICES - CLEAN CUSTOM CSS
   ═══════════════════════════════════════════════════════════════ */

/* Hide default domain search on homepage */
.home-domain-search,
#frmDomainHomepage {
    display: none !important;
}

/* Hide sidebar on store pages */
.sidebar {
    display: none !important;
}

/* Buttons - Red primary */
.btn-primary,
.btn-order-now {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    border-radius: 10px !important;
}

.btn-primary:hover,
.btn-order-now:hover {
    background: #991b1b !important;
    border-color: #991b1b !important;
}

/* Product cards hover */
.product {
    transition: all 0.3s ease;
    border-radius: 16px;
}

.product:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Feature list checkmarks */
.product ul li::before {
    content: "✓ ";
    color: #059669;
    font-weight: bold;
}

/* Form inputs */
.form-control:focus {
    border-color: #0f172a !important;
    box-shadow: 0 0 0 3px rgba(15,23,42,0.1) !important;
}

/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE FULL WIDTH
   ═══════════════════════════════════════════════════════════════ */

/* Hide breadcrumb on homepage */
.breadcrumb,
nav[aria-label="breadcrumb"],
.portal-home-link {
    display: none !important;
}

/* Make homepage full width */
body.homepage #main-body,
body.homepage #main-body > .container,
body.homepage .main-content,
body.homepage .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

body.homepage #main-body > .container > .row,
body.homepage .main-content > .row {
    margin: 0 !important;
}

body.homepage #main-body > .container > .row > .col-12,
body.homepage .primary-content {
    padding: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Make sections inside homepage full width */
body.homepage section {
    width: 100% !important;
    max-width: 100% !important;
}

/* ═══════════════════════════════════════════════════════════════
   FORCE FULL WIDTH - ALL PAGES
   ═══════════════════════════════════════════════════════════════ */

#main-body {
    padding: 0 !important;
}

#main-body > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

#main-body > .container > .row {
    margin: 0 !important;
}

#main-body > .container > .row > div {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 100% !important;
}

.primary-content {
    padding: 0 !important;
}

/* Target the hero section specifically */
section[style*="linear-gradient"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* ═══════════════════════════════════════════════════════════════
   PROFESSIONAL HEADER STYLING
   ═══════════════════════════════════════════════════════════════ */

/* Main header */
#header,
.header {
    background: #fff !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
    border-bottom: none !important;
}

/* Top bar when logged in */
.topbar {
    background: #0f172a !important;
    padding: 8px 0 !important;
}

.topbar .btn {
    color: rgba(255,255,255,0.8) !important;
    font-size: 13px !important;
}

.topbar .btn:hover {
    color: #fff !important;
}

.topbar .input-group-text {
    background: transparent !important;
    border: none !important;
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
}

.topbar .btn-active-client {
    background: rgba(255,255,255,0.1) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* Main navigation bar */
.navbar,
.main-menu {
    background: #fff !important;
    padding: 16px 0 !important;
}

.navbar-brand,
.logo-text {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Navigation links */
.navbar-nav .nav-link,
.nav-link {
    color: #374151 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.navbar-nav .nav-link:hover,
.nav-link:hover {
    color: #0f172a !important;
    background: #f3f4f6 !important;
}

.navbar-nav .nav-item.active .nav-link,
.nav-link.active {
    color: #0f172a !important;
    background: #f3f4f6 !important;
}

/* Dropdown menus */
.dropdown-menu {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important;
    padding: 8px !important;
    margin-top: 8px !important;
}

.dropdown-item {
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #374151 !important;
}

.dropdown-item:hover {
    background: #f3f4f6 !important;
    color: #0f172a !important;
}

/* Search box in header */
.header-search,
.search-form input {
    border: 2px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    background: #f9fafb !important;
}

.header-search:focus,
.search-form input:focus {
    border-color: #0f172a !important;
    background: #fff !important;
}

/* Cart icon */
.header-cart,
.cart-btn {
    background: #f3f4f6 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    color: #374151 !important;
    position: relative;
}

.header-cart:hover,
.cart-btn:hover {
    background: #e5e7eb !important;
    color: #0f172a !important;
}

.cart-count,
.badge {
    background: #b91c1c !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    padding: 2px 6px !important;
}

/* Account dropdown */
.account-dropdown .btn,
.btn-account {
    background: #0f172a !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}

.account-dropdown .btn:hover,
.btn-account:hover {
    background: #1e293b !important;
}

/* ═══════════════════════════════════════════════════════════════
   PROFESSIONAL FOOTER STYLING
   ═══════════════════════════════════════════════════════════════ */

#footer,
.footer {
    background: #0f172a !important;
    color: #fff !important;
    padding: 60px 0 30px !important;
}

.footer .container {
    max-width: 1200px !important;
}

/* Footer navigation links */
.footer .nav-link,
.footer a {
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px !important;
    padding: 6px 16px !important;
    transition: all 0.2s ease !important;
}

.footer .nav-link:hover,
.footer a:hover {
    color: #fff !important;
}

/* Language/currency selector in footer */
.footer .btn {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
}

.footer .btn:hover {
    background: rgba(255,255,255,0.2) !important;
}

/* Copyright text */
.footer .copyright,
.footer p {
    color: rgba(255,255,255,0.5) !important;
    font-size: 13px !important;
    margin-top: 30px !important;
}

/* Social icons */
.footer .social-icons a,
.footer .list-inline-item a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50% !important;
    color: #fff !important;
    margin: 0 4px !important;
    transition: all 0.2s ease !important;
}

.footer .social-icons a:hover,
.footer .list-inline-item a:hover {
    background: #b91c1c !important;
    transform: translateY(-3px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   PROFESSIONAL FOOTER STYLING
   ═══════════════════════════════════════════════════════════════ */

#footer,
footer.footer {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;
    padding: 50px 0 30px !important;
    margin-top: 0 !important;
}

#footer .container {
    max-width: 1200px !important;
}

/* Footer links */
#footer .nav,
#footer .list-inline {
    margin-bottom: 30px !important;
}

#footer .nav-link,
#footer a,
#footer .list-inline-item a {
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px !important;
    padding: 8px 16px !important;
    transition: all 0.2s ease !important;
}

#footer .nav-link:hover,
#footer a:hover {
    color: #fff !important;
}

/* Language/Currency button */
#footer .btn,
#footer button {
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
}

#footer .btn:hover {
    background: rgba(255,255,255,0.2) !important;
}

/* Copyright */
#footer .copyright,
#footer p {
    color: rgba(255,255,255,0.5) !important;
    font-size: 13px !important;
    margin-top: 20px !important;
}

/* Flag icon styling */
#footer .iti-flag {
    margin-right: 8px !important;
}