html { margin:0px !important; }
.et_pb_section_0.et_pb_section { padding-top: 0px !important; }
#wpadminbar { display: none; }
h1 { margin-bottom: 30px !important; font-family: Gilroy;font-weight: 700;font-size: 25px; }
.user-dashboard-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0 auto;
    padding: 0px;
}
.cky-btn-revisit-wrapper { display: none !important; }
.sidebar-nav li:before { content: ""; position: absolute;    top: 12px;    left: 10px;  }
.menu-dashboard:before{  width: 20px;  height: 20px;  background: url('../images/dashboard.svg') no-repeat center / contain; }
.menu-3pl-profile:before{ width: 20px;  height: 20px;  background: url('../images/profile.svg') no-repeat center / contain; }
.menu-user-profile:before{ width: 20px;  height: 20px;  background: url('../images/user.svg') no-repeat center / contain; }
.menu-billing:before{ width: 20px;  height: 20px;  background: url('../images/billing.svg?v=2') no-repeat center / contain; }
.menu-logout:before{ width: 20px;  height: 20px;  background: url('../images/dashboard.svg') no-repeat center / contain; }
.bottom-menu {     position: absolute;    bottom: 0px;    margin-bottom: 0px !important; }
#user-bottom-menu { padding-bottom: 0px; }
.dashboard-sidebar {
    flex: 0 0 250px;           /* Fixed width sidebar */
    border-radius: 8px;
    padding: 40px 20px 0px 20px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;              /* full viewport height */
  width: 280px; z-index: 10;
  
  /* Visual styling */
  background: white;
  box-shadow: 0px 0px 63.44px 0px rgba(0, 0, 0, 0.07);
  
  /* Optional: smooth shadow transition */
  transition: box-shadow 0.3s ease;
  
  /* Scroll behavior inside sidebar (if content is long) */
  overflow-y: auto;
  
  /* Prevent text selection while dragging scrollbar (optional) */
  user-select: none;
}
.button-container { position: absolute; right:25px; top:10px; }
.button-container.fixed {    position: fixed;    top: 0;    left: 0;    right: 0;    box-shadow: 0 2px 10px rgba(0,0,0,0.15);    background: rgba(255,255,255,0.98);    backdrop-filter: blur(8px);      padding: 10px 26px;    z-index: 2;    text-align: right; }
.button-primary {cursor:pointer;font-family: Gilroy; font-weight: 700;font-size: 20px; border-radius: 10px; background-color: black; color:white; padding:13px 22px 13px 50px; background-repeat: no-repeat; background-size: auto;     background-position-x: 20px;    background-position-y: center;}
.preview-button { background-color: rgba(0, 44, 90, 1); background-image: url('../images/preview.svg'); background-repeat: no-repeat; margin-right: 10px;}
.save-button { background-image: url('../images/save.svg') ; background-repeat: no-repeat; }
.dashboard-content {
    flex: 1;
    min-width: 300px;
    background: #fff;
    padding: 10px 25px;
    padding-left: 320px;
    border-radius: 8px;
}
.sidebar-nav ul li{ position: relative; }
.sidebar-nav li { list-style: none; padding-left: 30px;}
.sidebar-nav li a { font-family: Gilroy;font-weight: 400;font-size: 25px; }
.um-account-side, .um-account-heading {display: none !important;}
.um-account-main { padding-left: 0px !important; }
.user-sidebar .sidebar-section {
    margin-bottom: 25px;
}

.sidebar-divider {
    height: 1px;
    background: #ddd;
    margin: 20px 0;
}

.user-menu {
    list-style: none;
    padding: 0px !important;
    margin: 0;
}

.user-menu li {
    margin-bottom: 8px;
}
.wp-post_content-wrap { margin-bottom: 10px; }
.image-container { height: 80px; margin-bottom: 10px; }
.image-container img { max-width:100%; max-height:80px; height:auto; border-radius:4px; margin-bottom: 10px;}
.user-menu a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    border-radius: 6px;
}
.edit-3pl-form fieldset, .edit-3pl-form .field-container {
    margin: 25px 0;
    padding: 20px;
    border: 1px solid #ddd;
    background: rgba(249, 249, 249, 1);
}
.wp-editor-wrap { margin-bottom: 10px; }
.delete-container { display:flex;font-size:0.9em; color:#555; }
.delete-container input[type=checkbox]{ margin: 0px 10px 0px 0px !important; }
.field-container h2{ font-family: Gilroy;font-weight: 600;font-size: 25px;  }
.field-container input, .field-container textarea, .field-container select { border:1px solid rgba(187, 182, 198, 1) !important; border-radius: 10px; padding: 10px !important; margin-bottom: 10px !important;}
.field-container label { font-family: Gilroy;font-weight: 600;font-size: 14px;line-height: 18px; margin-bottom: 5px; }
.field-container p { margin-bottom: 10px; }
.notable-customer-container { position:relative; width:120px; text-align:center; margin-bottom: 0px;}
.notable-customer-container label { display: block;width: 100%; }
.notable-customer-container input[type=text]{  width: 100%; margin-bottom: 0px !important; }
.upload-zone-wrapper {  max-width: 400px; margin-bottom: 10px;}
.upload-drop-area {
  border: 3px dashed #d1d5db;
  border-radius: 12px;
  background-color: #f9fafb;
  padding: 2.5rem 1.5rem;
  text-align: center;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}

.upload-drop-area:hover,
.upload-drop-area.drag-over {
  border-color: #9ca3af;
  background-color: #f3f4f6;
}

.upload-icon {
  margin-bottom: 1rem;
}

.upload-main-text {  color: rgba(41, 45, 50, 1);font-family: Gilroy;font-weight: 600;font-size: 16px; }
.upload-sub-text {font-family: Gilroy;font-weight: 400;font-size: 12px;  color: rgba(98, 98, 98, 1);}
.browse-button {font-family: Gilroy; font-weight: 700;font-size: 14px; border-radius: 10px;     border: 1px solid rgba(187, 182, 198, 1);    padding: 10px 20px;    background: white;}

/* Visually hide the real input but keep it accessible */
.real-file-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}


.mobile-top-bar, .hamburger {    display: none; }

/* Show sidebar when active */
.dashboard-sidebar.active {
  left: 0;
}
.faq-table th, .faq-table td { border: 1px solid #ddd; }
.delete-faq-row:hover { color: #900 !important; }


/* Responsive: stack on mobile */
@media (max-width: 600px) {
    .hamburger {
      width: 32px;
      height: 24px;
      background: transparent;
      border: none;
      cursor: pointer; display: flex;
      position: relative; margin-left: auto;
    }

    .hamburger span {
      background: #333;
      height: 3px;
      width: 100%;
      position: absolute;
      left: 0;
      transition: all 0.3s;
    }
    .mobile-top-bar { display: flex; }
    .hamburger span:nth-child(1) { top: 0;    }
    .hamburger span:nth-child(2) { top: 10px; }
    .hamburger span:nth-child(3) { top: 20px; }
    /* "X" animation when open */
    .hamburger.active span:nth-child(1) {
      transform: rotate(45deg);
      top: 10px;
    }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) {
      transform: rotate(-45deg);
      top: 10px;
    }
    .sidebar-section{ margin-top: 60px; }
    .user-sidebar { display: none; }
    .user-sidebar .et_pb_menu__logo { display: none; }
    .user-sidebar .sidebar-section { margin-bottom: 0px; }
    .bottom-menu { position: relative; margin-top: 0px;}
    .user-sidebar.active { display: block; }
    .user-dashboard-wrapper {
        flex-direction: column;
    }
    .dashboard-sidebar { height: auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .button-container {    position: fixed;    top: 70px;    left: 0;    right: 0;    box-shadow: none;    background: rgba(255,255,255,0.98);    backdrop-filter: blur(8px);      padding: 10px 26px;    z-index: 10;    text-align: right; }
    .dashboard-content { padding-left: 20px; padding-top: 50px;}
}