/* =============================================
   ErkoPrint Custom Styles
   ============================================= */

/* User Dropdown Menu */
.user-menu {
   position: relative;
}

.user-name {
   margin-left: 6px;
   font-weight: 600;
   font-size: 14px;
   display: none;
}

.user-caret {
   margin-left: 4px;
   transition: transform 0.3s ease;
}

.user-menu.open .user-caret {
   transform: rotate(180deg);
}

.user-dropdown {
   display: none;
   position: absolute;
   right: 0;
   top: calc(100% + 10px);
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
   min-width: 200px;
   z-index: 9999;
   overflow: hidden;
   opacity: 0;
   transform: translateY(-10px);
   transition: all 0.3s ease;
}

.user-menu.open .user-dropdown {
   display: block;
   opacity: 1;
   transform: translateY(0);
}

.user-dropdown a {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 14px 18px;
   color: #333;
   text-decoration: none;
   font-size: 14px;
   font-weight: 500;
   border-bottom: 1px solid #f0f0f0;
   transition: all 0.2s ease;
}

.user-dropdown a i {
   width: 18px;
   color: #888;
}

.user-dropdown a:last-child {
   border-bottom: none;
}

.user-dropdown a:hover {
   background: #f8f8f8;
   padding-left: 22px;
}

.user-dropdown a.logout-link {
   color: #e53935;
}

.user-dropdown a.logout-link:hover {
   background: #fff5f5;
}

.user-dropdown a.logout-link i {
   color: #e53935;
}

/* Auth Modal Styles */
.auth-modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   backdrop-filter: blur(5px);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 99999;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
}

.auth-modal-overlay.active {
   opacity: 1;
   visibility: visible;
}

.auth-modal {
   background: #fff;
   border-radius: 20px;
   width: 100%;
   max-width: 440px;
   max-height: 90vh;
   overflow-y: auto;
   position: relative;
   transform: translateY(-20px) scale(0.95);
   transition: all 0.3s ease;
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.auth-modal-overlay.active .auth-modal {
   transform: translateY(0) scale(1);
}

.auth-modal-close {
   position: absolute;
   top: 15px;
   right: 15px;
   width: 40px;
   height: 40px;
   border: none;
   background: #f5f5f5;
   border-radius: 50%;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   color: #666;
   transition: all 0.3s ease;
   z-index: 10;
}

.auth-modal-close:hover {
   background: #B18B5E;
   color: #fff;
   transform: rotate(90deg);
}

.auth-modal-header {
   padding: 30px 30px 0;
}

.auth-tabs {
   display: flex;
   background: #f5f5f5;
   border-radius: 12px;
   padding: 5px;
}

.auth-tab {
   flex: 1;
   padding: 14px 20px;
   border: none;
   background: transparent;
   font-size: 15px;
   font-weight: 600;
   color: #666;
   cursor: pointer;
   border-radius: 10px;
   transition: all 0.3s ease;
}

.auth-tab.active {
   background: #B18B5E;
   color: #fff;
   box-shadow: 0 4px 15px rgba(177, 139, 94, 0.3);
}

.auth-tab:hover:not(.active) {
   color: #B18B5E;
}

.auth-modal-body {
   padding: 30px;
}

.auth-form {
   display: none;
}

.auth-form.active {
   display: block;
   animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
   from {
      opacity: 0;
      transform: translateX(10px);
   }

   to {
      opacity: 1;
      transform: translateX(0);
   }
}

.auth-form-group {
   margin-bottom: 20px;
}

.auth-form-group label {
   display: block;
   margin-bottom: 8px;
   font-weight: 600;
   color: #333;
   font-size: 14px;
}

.auth-input-wrapper {
   position: relative;
   display: flex;
   align-items: center;
}

.auth-input-wrapper i:first-child {
   position: absolute;
   left: 15px;
   color: #999;
   font-size: 16px;
}

.auth-input-wrapper input {
   width: 100%;
   padding: 14px 45px 14px 45px;
   border: 2px solid #eee;
   border-radius: 12px;
   font-size: 15px;
   transition: all 0.3s ease;
   background: #fafafa;
}

.auth-input-wrapper input:focus {
   border-color: #B18B5E;
   background: #fff;
   outline: none;
   box-shadow: 0 0 0 4px rgba(177, 139, 94, 0.1);
}

.password-toggle {
   position: absolute;
   right: 15px;
   background: none;
   border: none;
   color: #999;
   cursor: pointer;
   padding: 5px;
}

.password-toggle:hover {
   color: #B18B5E;
}

.auth-form-options {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
   flex-wrap: wrap;
   gap: 10px;
}

.auth-checkbox {
   display: flex;
   align-items: center;
   cursor: pointer;
   font-size: 14px;
   color: #666;
}

.auth-checkbox input {
   display: none;
}

.auth-checkbox .checkmark {
   width: 20px;
   height: 20px;
   border: 2px solid #ddd;
   border-radius: 5px;
   margin-right: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
}

.auth-checkbox input:checked+.checkmark {
   background: #B18B5E;
   border-color: #B18B5E;
}

.auth-checkbox input:checked+.checkmark::after {
   content: '✓';
   color: #fff;
   font-size: 12px;
}

.auth-forgot-link {
   color: #B18B5E;
   font-size: 14px;
   text-decoration: none;
}

.auth-forgot-link:hover {
   text-decoration: underline;
}

.auth-error {
   background: #fee;
   color: #c00;
   padding: 12px 15px;
   border-radius: 10px;
   font-size: 14px;
   margin-bottom: 15px;
   display: none;
}

.auth-error.show {
   display: block;
   animation: shake 0.5s ease;
}

@keyframes shake {

   0%,
   100% {
      transform: translateX(0);
   }

   20%,
   60% {
      transform: translateX(-5px);
   }

   40%,
   80% {
      transform: translateX(5px);
   }
}

.auth-submit-btn {
   width: 100%;
   padding: 16px 30px;
   background: linear-gradient(135deg, #B18B5E 0%, #C9A87C 100%);
   border: none;
   border-radius: 12px;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   transition: all 0.3s ease;
   box-shadow: 0 4px 15px rgba(177, 139, 94, 0.3);
}

.auth-submit-btn:hover {
   transform: translateY(-2px);
   box-shadow: 0 6px 25px rgba(177, 139, 94, 0.4);
}

.auth-submit-btn:active {
   transform: translateY(0);
}

.auth-submit-btn.loading {
   pointer-events: none;
   opacity: 0.8;
}

.auth-submit-btn.loading span {
   display: none;
}

.auth-submit-btn.loading::after {
   content: '';
   width: 20px;
   height: 20px;
   border: 2px solid #fff;
   border-top-color: transparent;
   border-radius: 50%;
   animation: spin 0.8s linear infinite;
}

@keyframes spin {
   to {
      transform: rotate(360deg);
   }
}

.auth-divider {
   text-align: center;
   margin: 25px 0;
   position: relative;
}

.auth-divider::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   height: 1px;
   background: #eee;
}

.auth-divider span {
   background: #fff;
   padding: 0 15px;
   color: #999;
   font-size: 14px;
   position: relative;
}

.auth-social {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.auth-social-btn {
   width: 100%;
   padding: 14px 20px;
   border: 2px solid #eee;
   border-radius: 12px;
   background: #fff;
   font-size: 15px;
   font-weight: 500;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   transition: all 0.3s ease;
}

.auth-social-btn.google:hover {
   border-color: #db4437;
   color: #db4437;
}

.auth-social-btn.google i {
   color: #db4437;
}

.auth-success {
   text-align: center;
   padding: 40px 20px;
}

.auth-success-icon {
   width: 80px;
   height: 80px;
   background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 20px;
   font-size: 40px;
   color: #fff;
}

.auth-success h3 {
   font-size: 24px;
   color: #333;
   margin-bottom: 10px;
}

.auth-success p {
   color: #666;
   margin-bottom: 25px;
}

/* Profile Page Styles */
.profile-section {
   padding: 60px 0;
   background: #f8f8f8;
   min-height: calc(100vh - 300px);
}

.profile-sidebar {
   background: #fff;
   border-radius: 16px;
   padding: 30px;
   box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}

.profile-user-info {
   text-align: center;
   padding-bottom: 25px;
   border-bottom: 1px solid #f0f0f0;
   margin-bottom: 25px;
}

.profile-avatar {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background: linear-gradient(135deg, #B18B5E 0%, #C9A87C 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 15px;
   font-size: 36px;
   color: #fff;
   font-weight: 600;
}

.profile-user-info h4 {
   font-size: 20px;
   margin-bottom: 5px;
   color: #333;
}

.profile-user-info p {
   color: #888;
   font-size: 14px;
}

.profile-user-info .badge {
   display: inline-block;
   padding: 5px 12px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: 600;
   margin-top: 10px;
}

.badge-verified {
   background: #e8f5e9;
   color: #4caf50;
}

.badge-unverified {
   background: #fff3e0;
   color: #ff9800;
}

.profile-menu {
   list-style: none;
   padding: 0;
   margin: 0;
}

.profile-menu li {
   margin-bottom: 5px;
}

.profile-menu a {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 14px 18px;
   border-radius: 10px;
   color: #555;
   text-decoration: none;
   font-weight: 500;
   transition: all 0.2s ease;
}

.profile-menu a:hover,
.profile-menu a.active {
   background: linear-gradient(135deg, #B18B5E 0%, #C9A87C 100%);
   color: #fff;
}

.profile-menu a i {
   width: 20px;
   font-size: 16px;
}

.profile-content {
   background: #fff;
   border-radius: 16px;
   padding: 30px;
   box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}

.profile-content-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 30px;
   padding-bottom: 20px;
   border-bottom: 1px solid #f0f0f0;
}

.profile-content-header h3 {
   font-size: 22px;
   margin: 0;
   color: #333;
}

.profile-form .form-group {
   margin-bottom: 20px;
}

.profile-form label {
   display: block;
   margin-bottom: 8px;
   font-weight: 600;
   color: #333;
   font-size: 14px;
}

.profile-form input,
.profile-form select,
.profile-form textarea {
   width: 100%;
   padding: 14px 18px;
   border: 2px solid #eee;
   border-radius: 12px;
   font-size: 15px;
   transition: all 0.3s ease;
   background: #fafafa;
}

.profile-form input:focus,
.profile-form select:focus,
.profile-form textarea:focus {
   border-color: #B18B5E;
   background: #fff;
   outline: none;
   box-shadow: 0 0 0 4px rgba(177, 139, 94, 0.1);
}

.profile-form input:disabled {
   background: #f0f0f0;
   cursor: not-allowed;
}

.btn-primary-custom {
   padding: 14px 30px;
   background: linear-gradient(135deg, #B18B5E 0%, #C9A87C 100%);
   border: none;
   border-radius: 12px;
   color: #fff;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.3s ease;
   box-shadow: 0 4px 15px rgba(177, 139, 94, 0.3);
}

.btn-primary-custom:hover {
   transform: translateY(-2px);
   box-shadow: 0 6px 25px rgba(177, 139, 94, 0.4);
}

.btn-secondary-custom {
   padding: 14px 30px;
   background: #f5f5f5;
   border: 2px solid #eee;
   border-radius: 12px;
   color: #666;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.3s ease;
}

.btn-secondary-custom:hover {
   background: #eee;
   border-color: #ddd;
}

/* Address Card */
.address-card {
   background: #fafafa;
   border: 2px solid #eee;
   border-radius: 12px;
   padding: 20px;
   margin-bottom: 15px;
   transition: all 0.3s ease;
   position: relative;
}

.address-card:hover {
   border-color: #B18B5E;
}

.address-card.default {
   border-color: #B18B5E;
   background: #fdf8f4;
}

.address-card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
}

.address-card-title {
   font-weight: 600;
   color: #333;
   display: flex;
   align-items: center;
   gap: 8px;
}

.address-card-title .default-badge {
   background: #B18B5E;
   color: #fff;
   font-size: 11px;
   padding: 3px 8px;
   border-radius: 4px;
}

.address-card-actions {
   display: flex;
   gap: 10px;
}

.address-card-actions button {
   background: none;
   border: none;
   color: #888;
   cursor: pointer;
   padding: 5px;
   transition: color 0.2s;
}

.address-card-actions button:hover {
   color: #B18B5E;
}

.address-card-actions button.delete:hover {
   color: #e53935;
}

.address-card-body p {
   margin: 0;
   color: #666;
   font-size: 14px;
   line-height: 1.6;
}

/* Alert Messages */
.alert-custom {
   padding: 15px 20px;
   border-radius: 12px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   gap: 12px;
}

.alert-success {
   background: #e8f5e9;
   color: #2e7d32;
   border: 1px solid #c8e6c9;
}

.alert-warning {
   background: #fff3e0;
   color: #e65100;
   border: 1px solid #ffe0b2;
}

.alert-error {
   background: #ffebee;
   color: #c62828;
   border: 1px solid #ffcdd2;
}

.alert-info {
   background: #e3f2fd;
   color: #1565c0;
   border: 1px solid #bbdefb;
}

/* Toast Notifications */
.erko-toast {
   position: fixed;
   bottom: 30px;
   right: 30px;
   background: #333;
   color: #fff;
   padding: 0;
   border-radius: 12px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
   z-index: 999999;
   transform: translateY(100px);
   opacity: 0;
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   max-width: 350px;
   overflow: hidden;
}

.erko-toast.show {
   transform: translateY(0);
   opacity: 1;
}

.erko-toast-content {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 16px 20px;
}

.erko-toast-content i {
   font-size: 20px;
   flex-shrink: 0;
}

.erko-toast-content span {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.4;
}

.erko-toast-success {
   background: linear-gradient(135deg, #4CAF50 0%, #66BB6A 100%);
}

.erko-toast-error {
   background: linear-gradient(135deg, #f44336 0%, #e57373 100%);
}

.erko-toast-warning {
   background: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);
}

.erko-toast-info {
   background: linear-gradient(135deg, #2196F3 0%, #64B5F6 100%);
}

/* Badge Bounce Animation */
@keyframes bounce {

   0%,
   100% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.3);
   }
}

.header-action-badge.bounce {
   animation: bounce 0.5s ease;
}

.header-action-badge {
   transition: all 0.3s ease;
}

/* Wishlist Button Active State */
.product-action-btn.active svg path {
   fill: #e53935;
}

.product-action-btn.wishlist-btn {
   transition: all 0.3s ease;
}

.product-action-btn.wishlist-btn.active {
   background: #e53935 !important;
}

.product-action-btn.wishlist-btn.active svg path {
   fill: #fff;
}

/* Product Card Improvements */
.product-action-btn {
   position: relative;
   cursor: pointer;
   transition: all 0.3s ease;
}

.product-action-btn:hover {
   transform: scale(1.1);
}

.product-action-btn:active {
   transform: scale(0.95);
}

.product-tooltip {
   position: absolute;
   bottom: calc(100% + 10px);
   left: 50%;
   transform: translateX(-50%);
   background: #333;
   color: #fff;
   padding: 6px 12px;
   border-radius: 6px;
   font-size: 12px;
   white-space: nowrap;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s ease;
}

.product-tooltip::after {
   content: '';
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   border: 5px solid transparent;
   border-top-color: #333;
}

.product-action-btn:hover .product-tooltip {
   opacity: 1;
   visibility: visible;
}

/* Loading State for Product Buttons */
.product-action-btn.loading {
   pointer-events: none;
   opacity: 0.7;
}

.product-action-btn.loading svg {
   animation: spin 0.8s linear infinite;
}

/* Mini Cart Dropdown */
.mini-cart-dropdown {
   position: absolute;
   right: 0;
   top: calc(100% + 10px);
   background: #fff;
   border-radius: 16px;
   box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
   min-width: 350px;
   max-height: 400px;
   overflow: hidden;
   z-index: 9999;
   display: none;
   opacity: 0;
   transform: translateY(-10px);
   transition: all 0.3s ease;
}

.mini-cart-dropdown.show {
   display: block;
   opacity: 1;
   transform: translateY(0);
}

.mini-cart-header {
   padding: 15px 20px;
   border-bottom: 1px solid #f0f0f0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.mini-cart-header h5 {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
}

.mini-cart-items {
   max-height: 250px;
   overflow-y: auto;
   padding: 10px 0;
}

.mini-cart-item {
   display: flex;
   gap: 15px;
   padding: 12px 20px;
   border-bottom: 1px solid #f5f5f5;
}

.mini-cart-item:last-child {
   border-bottom: none;
}

.mini-cart-item-img {
   width: 60px;
   height: 60px;
   border-radius: 8px;
   overflow: hidden;
   background: #f5f5f5;
   flex-shrink: 0;
}

.mini-cart-item-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.mini-cart-item-info {
   flex: 1;
}

.mini-cart-item-title {
   font-size: 14px;
   font-weight: 500;
   color: #333;
   margin-bottom: 5px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.mini-cart-item-price {
   font-size: 14px;
   font-weight: 600;
   color: #B18B5E;
}

.mini-cart-item-qty {
   font-size: 13px;
   color: #888;
}

.mini-cart-item-remove {
   background: none;
   border: none;
   color: #999;
   cursor: pointer;
   padding: 5px;
   transition: color 0.2s;
}

.mini-cart-item-remove:hover {
   color: #e53935;
}

.mini-cart-footer {
   padding: 15px 20px;
   border-top: 1px solid #f0f0f0;
   background: #fafafa;
}

.mini-cart-total {
   display: flex;
   justify-content: space-between;
   margin-bottom: 15px;
   font-size: 16px;
   font-weight: 600;
}

.mini-cart-total span:last-child {
   color: #B18B5E;
}

.mini-cart-buttons {
   display: flex;
   gap: 10px;
}

.mini-cart-buttons a {
   flex: 1;
   padding: 12px 15px;
   text-align: center;
   border-radius: 10px;
   font-size: 14px;
   font-weight: 600;
   text-decoration: none;
   transition: all 0.3s ease;
}

.mini-cart-buttons .btn-view-cart {
   background: #f5f5f5;
   color: #333;
}

.mini-cart-buttons .btn-view-cart:hover {
   background: #eee;
}

.mini-cart-buttons .btn-checkout {
   background: linear-gradient(135deg, #B18B5E 0%, #C9A87C 100%);
   color: #fff;
}

.mini-cart-buttons .btn-checkout:hover {
   box-shadow: 0 4px 15px rgba(177, 139, 94, 0.3);
}

.mini-cart-empty {
   padding: 40px 20px;
   text-align: center;
   color: #888;
}

.mini-cart-empty i {
   font-size: 48px;
   margin-bottom: 15px;
   opacity: 0.5;
}

.mini-cart-empty p {
   margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
   .profile-sidebar {
      margin-bottom: 30px;
   }
}

@media (max-width: 480px) {
   .auth-modal {
      margin: 15px;
      border-radius: 15px;
   }

   .auth-modal-header,
   .auth-modal-body {
      padding: 20px;
   }

   .auth-tab {
      padding: 12px 15px;
      font-size: 14px;
   }

   .profile-content,
   .profile-sidebar {
      padding: 20px;
   }

   .erko-toast {
      left: 15px;
      right: 15px;
      bottom: 15px;
      max-width: none;
   }

   .mini-cart-dropdown {
      position: fixed;
      left: 10px;
      right: 10px;
      min-width: auto;
   }
}

/* =============================================
   Premium Header Styles
   ============================================= */

/* Main Header Container */
.header-main-4 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 40px;
   height: 90px;
   background: #fff;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
}

@media (max-width: 1200px) {
   .header-main-4 {
      padding: 0 20px;
      height: 70px;
   }
}

/* Sticky Header State */
#header-sticky.sticky {
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
   background: rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(10px);
}

#header-sticky.sticky .header-main-4 {
   height: 70px;
}

/* Navigation Menu */
.main-menu ul li {
   margin: 0 25px;
}

.main-menu ul li a {
   font-size: 14px;
   font-weight: 500;
   color: #1a1a1a;
   position: relative;
   padding: 5px 0;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   transition: color 0.3s ease;
}

.main-menu ul li:hover>a,
.main-menu ul li.active>a {
   color: #000;
}

.main-menu ul li a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0;
   height: 2px;
   background: #000;
   transition: width 0.3s ease;
}

.main-menu ul li:hover>a::after,
.main-menu ul li.active>a::after {
   width: 100%;
}

/* Submenu Styling */
.main-menu ul li .submenu {
   background: #fff;
   border: none;
   border-radius: 0;
   padding: 20px 0;
   min-width: 220px;
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.3s ease;
   display: block;
   /* Override default display:none if needed */
   pointer-events: none;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

.main-menu ul li:hover .submenu {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
   pointer-events: auto;
}

.main-menu ul li .submenu li {
   margin: 0;
   padding: 0;
   display: block;
}

.main-menu ul li .submenu li a {
   padding: 10px 25px;
   display: block;
   text-transform: none;
   font-weight: 400;
   color: #555;
   font-size: 14px;
}

.main-menu ul li .submenu li a::after {
   display: none;
}

.main-menu ul li .submenu li a:hover {
   color: #000;
   background: #f9f9f9;
   padding-left: 30px;
}

/* Header Search */
.header-search {
   position: relative;
   margin-right: 20px;
}

.header-search form {
   position: relative;
}

.header-search input {
   width: 200px;
   height: 40px;
   background: #f5f5f5;
   border: 1px solid transparent;
   border-radius: 20px;
   padding: 0 45px 0 20px;
   font-size: 13px;
   transition: all 0.3s ease;
}

.header-search input:focus {
   background: #fff;
   border-color: #000;
   width: 250px;
}

.header-search button {
   position: absolute;
   right: 5px;
   top: 50%;
   transform: translateY(-50%);
   background: none;
   border: none;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 50%;
   transition: background 0.3s ease;
}

.header-search button:hover {
   background: #e0e0e0;
}

.header-search button svg {
   width: 16px;
   height: 16px;
}

.header-search button svg path {
   stroke: #000;
}

/* Header Actions */
.header-action-item {
   margin-left: 20px;
   position: relative;
}

.header-action-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   color: #000;
   transition: transform 0.2s ease;
}

.header-action-btn:hover {
   transform: scale(1.1);
}

.header-action-btn svg {
   stroke: #000;
}

.header-action-badge {
   position: absolute;
   top: -5px;
   right: -8px;
   background: #000;
   color: #fff;
   font-size: 10px;
   font-weight: 700;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 2px solid #fff;
}

/* User Menu in Header */
.user-menu .header-action-btn {
   display: flex;
   align-items: center;
   gap: 8px;
}

.user-menu .user-name {
   display: block;
   font-size: 13px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

/* Language Selector Re-style (Clean) */
.language-btn {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   padding: 0 !important;
}

.language-btn:hover {
   background: transparent !important;
   transform: none !important;
   box-shadow: none !important;
}

.language-btn .language-flag {
   font-size: 18px;
}

.language-btn .language-code {
   font-weight: 600;
   font-size: 13px;
   margin: 0 4px;
}