/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/
/* === Custom Vertical Sidebar Styles === */

.elementor-location-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 180px !important;
	height: 100vh;
	background-color: #ffffff;
	z-index: 1000;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

body {
	
	/*overflow-x: hidden;*/
}


/* Ensure main container respects the shift */
#page {
	margin-left: 200px;
  max-width: calc(100vw - 200px);
  margin-left: auto;
  margin-right: 0;
  box-sizing: border-box;
}

/* Align main content area */
#primary {
  max-width: 100%;
  box-sizing: border-box;
}

/* Adjust footer width to align with content */
footer {
  max-width: calc(100vw - 200px);
  margin-left: auto;
  margin-right: 0;
  box-sizing: border-box;
}

/* Logged out: show Login, hide Logout */
body:not(.logged-in) .auth-logout { display: none !important; }

/* Logged in: show Logout, hide Login */
body.logged-in .auth-login { display: none !important; }


/* Remove bullets from specific widget */
.no-bullets ul {
  list-style-type: none;   /* remove the bullets */
}

/* default color */
.js-back svg .cls-1 {
  fill: #279BC9 !important;
}

/* hover state */
.js-back:hover svg .cls-1 {
  fill: #2471b8 !important;
}

/* All Elementor Icon widgets */
.elementor-widget-icon .elementor-icon svg .cls-1 {
  fill: #279BC9 !important;
}

.elementor-widget-icon .elementor-icon:hover svg .cls-1 {
  fill: #1f7ca1 !important;   /* darker hover */
}

/* Indentation levels inside Sina Product Filter Vertical */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field.indent-0 { padding-left: 0 !important; }
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field.indent-1 { padding-left: 16px !important; }
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field.indent-2 { padding-left: 32px !important; }
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field.indent-3 { padding-left: 48px !important; }

/* Optional cue for sub-levels
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field.indent-1 label::before,
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field.indent-2 label::before,
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field.indent-3 label::before {
  content: "— ";
  opacity: .6;
} */



/* Force category labels to wrap instead of overflow */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field label {
  white-space: normal !important;   /* allow wrapping */
  word-wrap: break-word;           /* break long words if needed */
  line-height: 1.4em;               /* better spacing */
  display: inline-block;            /* keeps alignment with checkbox */
  vertical-align: top;
  max-width: 100%;                  /* prevent overflow */
}

/* Tidy each filter row: checkbox + wrapping label on the same line */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field{
  display: flex;                 /* put input + label on one line */
  align-items: flex-start;       /* top-align when label wraps */
  gap: 5px;                     /* space between checkbox and text */
  padding: 6px 8px;              /* optional */
  box-sizing: border-box;
}

/* Checkbox alignment (slightly down so it matches first text line) */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field input[type="checkbox"]{
  margin: 6px 0 0 0;             /* tweak if needed (1–4px) */
  flex: 0 0 auto;                /* don't stretch */
}

/* Label should wrap inside the row, not push to a new line */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field label{
  display: block;                /* make it a flex item */
  margin: 0;                     /* remove default margins */
  line-height: 1.35;             /* nicer multi-line spacing */
  white-space: normal !important;
  overflow-wrap: anywhere;       /* break long words if needed */
  max-width: 100%;
  flex: 1 1 auto;                /* use remaining width and wrap */
}

/* Optional: make long names slightly smaller on narrow sidebars */
@media (max-width: 1024px){
  .sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-field label{
    font-size: 0.95rem;
  }
}


/* === Align the 'Order' radio filter rows === */
/* Scope only to the Sina Product Filter Vertical */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-content .sina-pro-wc-profil-field{
  display: flex;            /* place radio + label on one line */
  align-items: center;      /* center vertically; use flex-start to top-align */
  gap: 5px;                /* space between radio and text */
  margin: 6px 0;            /* tidy vertical spacing between rows */
  padding: 0;
  box-sizing: border-box;
}

/* Radio alignment */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-content
  .sina-pro-wc-profil-field input[type="radio"]{
  flex: 0 0 auto;           /* don't stretch */
  margin: 0;                /* remove odd default margins */
}

/* Label should wrap nicely and not push to a new line */
.sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-content
  .sina-pro-wc-profil-field label{
  display: block;           /* becomes the flex item next to radio */
  margin: 0;                /* remove default margins */
  line-height: 1.35;        /* nicer multi-line spacing */
  white-space: normal;      /* allow wrapping on small widths */
  overflow-wrap: anywhere;  /* break long words if needed */
  max-width: 100%;
  flex: 1 1 auto;           /* use remaining width and wrap */
}

/* Optional: tighten on small screens */
@media (max-width: 1024px){
  .sina-pro-wc-product-filter-vertical .sina-pro-wc-profil-content
    .sina-pro-wc-profil-field label{
    font-size: .95rem;
  }
}

.yith-add-to-wishlist-button-block {
  float: right !important;
  width: 48% !important;
  clear: none !important;
}

nav.woocommerce-breadcrumb {
	display: none !important;
}

.woocommerce div.product {
	padding-left: 15px;
	padding-right: 15px;
}

/* ============================================
   FPSM Tier Groups - Clean Flexbox
   ============================================ */

/* Tier Headers */
.tier-header {
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
	padding: 8px 0 0 24px;
    border-bottom: none;
}

.tier-1-header {
    color: #28a745;
}

.tier-2-header {
    color: #007bff;
}

.tier-3-header {
    color: #dc3545;
}

/* Flex container for name, price, url */
.tier-flex-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.tier-flex-row .fpsm-field-wrap {
    flex: 1;
    margin-bottom: 0 !important;
}

.fpsm-field-wrap:has([name="_custom_field|tier_1_description"]) {
    margin-bottom: 32px;
}

.fpsm-field-wrap:has([name="_custom_field|tier_2_description"]) {
    margin-bottom: 32px;
}

.fpsm-field-wrap:has([name="_custom_field|tier_3_description"]) {
    margin-bottom: 32px;
}

/* Flex container for name, price, url */
.tier-flex-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.tier-flex-row .fpsm-field-wrap {
    margin-bottom: 0 !important;
}

/* Name field - normal width (1 part) */
.tier-flex-row .fpsm-field-wrap:nth-child(1) {
    flex: 0.8;
}

/* Price field - smaller (0.6 parts) */
.tier-flex-row .fpsm-field-wrap:nth-child(2) {
    flex: 0.5;
}

/* URL field - larger (1.4 parts) */
.tier-flex-row .fpsm-field-wrap:nth-child(3) {
    flex: 1.7;
}

/* Mobile - stack vertically */
@media (max-width: 768px) {
    .tier-flex-row {
        flex-direction: column;
        gap: 12px;
    }
    
    .tier-flex-row .fpsm-field-wrap {
        margin-bottom: 12px !important;
    }
}

/* ============================================
   BCT Hubs - Single Product Page (v2.3 - Final)
   ============================================ */

/* Container - WIDER */
.bct-single-product {
    background: #f8f9fa;
    padding: 40px 0 80px;
}

.bct-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Breadcrumb */
.bct-breadcrumb {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 24px;
}

.bct-breadcrumb a {
    color: #6c757d;
    text-decoration: none;
    transition: color 0.2s;
}

.bct-breadcrumb a:hover {
    color: #007bff;
}

/* Main Product Wrapper - FLEXBOX */
.bct-product-wrapper {
    display: flex;
    gap: 60px;
    background: #fff;
    padding: 60px;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
    margin-bottom: 40px;
}

/* === LEFT COLUMN: IMAGES === */
.bct-product-images-col {
    flex: 1;
    min-width: 0;
    position: sticky;
    top: 100px;
    align-self: start;
}

.bct-featured-image {
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
    background: #f8f9fa;
}

.bct-main-image {
    width: 100%;
    height: auto;
    display: block;
}

.bct-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 12px;
}

.bct-thumb {
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s;
    background: #f8f9fa;
}

.bct-thumb:hover {
    border-color: #007bff;
    transform: scale(1.05);
}

.bct-thumb-img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    display: block;
}

/* === RIGHT COLUMN: INFO === */
.bct-product-info-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Category Badge */
.bct-category-badge {
    display: inline-block;
    background: #e7f3ff;
    color: #007bff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 20px;
    width: fit-content;
}

/* Product Title - Override theme styles */
.bct-product-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
}

/* Price Section */
.bct-price-section {
    background: #f8f9fa;
    padding: 24px;
    border-radius: 12px;
    border-left: 4px solid #007bff;
}

.bct-price-display {
    margin-bottom: 16px;
}

.bct-price-amount {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #007bff !important;
    line-height: 1 !important;
}

/* Tier Selector */
.bct-tier-selector {
    margin-bottom: 16px;
}

.bct-tier-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6c757d;
    margin-bottom: 8px;
}

.bct-tier-dropdown {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath fill='%23333' d='M8 10L0 0h16z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 48px;
}

.bct-tier-dropdown:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.bct-tier-desc {
    background: #fff;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.6;
    color: #495057;
    min-height: 56px;
    border: 1px solid #dee2e6;
}

/* Buttons */
.bct-actions {
    display: flex;
    gap: 12px;
}

.bct-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    flex: 0 1 auto;
    white-space: nowrap;
}

.bct-btn-primary {
    background: #007bff;
    color: #fff;
}

.bct-btn-primary:hover {
    background: #0056b3;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.bct-btn-icon {
    font-size: 18px;
}

/* Wishlist */
.bct-wishlist {
    flex: 1;
}

.bct-wishlist .yith-wcwl-add-to-wishlist {
    width: 100%;
}

.bct-wishlist .yith-wcwl-add-to-wishlist a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    color: #6c757d;
    transition: all 0.2s;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.bct-wishlist .yith-wcwl-add-to-wishlist a:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f8f9fa;
}

.bct-wishlist .yith-wcwl-add-to-wishlist a .feedback {
    display: none;
}

/* Meta Info */
.bct-meta-info {
    padding-top: 20px;
    border-top: 1px solid #dee2e6;
}

.bct-meta-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #495057;
}

.bct-meta-icon {
    font-size: 18px;
}

.bct-meta-value {
    font-weight: 600;
    color: #1a1a1a;
}

/* Tags */
.bct-tags-row {
    font-size: 14px;
    color: #6c757d;
}

.bct-tags-row strong {
    color: #1a1a1a;
    margin-right: 6px;
}

.bct-tags-row a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.2s;
}

.bct-tags-row a:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* === PRODUCT TABS === */
.bct-product-tabs {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
    margin-bottom: 60px;
    overflow: hidden;
}

.bct-tabs-header {
    display: flex;
    border-bottom: 2px solid #f8f9fa;
    background: #fafbfc;
}

.bct-tab-btn {
    flex: 1;
    padding: 18px 24px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6c757d;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: -2px;
}

.bct-tab-btn:hover {
    color: #007bff;
    background: #fff;
}

.bct-tab-btn.active {
    color: #007bff;
    background: #fff;
    border-bottom-color: #007bff;
}

.bct-tabs-content {
    padding: 40px;
}

.bct-tab-pane {
    display: none;
    font-size: 15px;
    line-height: 1.8;
    color: #495057;
}

.bct-tab-pane.active {
    display: block;
}

.bct-tab-pane img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.bct-additional-table {
    width: 100%;
    border-collapse: collapse;
}

.bct-additional-table th,
.bct-additional-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #f8f9fa;
    text-align: left;
}

.bct-additional-table th {
    font-weight: 600;
    color: #6c757d;
    width: 200px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bct-additional-table td {
    color: #1a1a1a;
}

/* === RELATED PRODUCTS === */
.bct-related-section {
    margin-bottom: 40px;
}

.bct-section-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 32px;
}

/* Related Products Grid */
.bct-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.bct-related-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
}

.bct-related-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.bct-related-link {
    text-decoration: none;
    display: block;
    flex: 1;
}

.bct-related-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.bct-related-info {
    padding: 20px;
}

.bct-related-cat {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #007bff;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.bct-related-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.bct-related-price {
    font-size: 18px;
    font-weight: 700;
    color: #007bff;
}

.bct-related-btn {
    display: block;
    text-align: center;
    padding: 12px 20px;
    background: #007bff;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s;
    border-top: 1px solid #e9ecef;
}

.bct-related-btn:hover {
    background: #0056b3;
    color: #fff;
}

/* === RESPONSIVE === */
@media (max-width: 1200px) {
    .bct-container {
        max-width: 100%;
    }
    
    .bct-product-wrapper {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .bct-product-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .bct-product-images-col {
        position: static;
    }

    .bct-product-title {
        font-size: 22px !important;
    }

    .bct-price-amount {
        font-size: 26px !important;
    }
    
    .bct-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .bct-product-wrapper {
        padding: 24px;
    }

    .bct-product-title {
        font-size: 20px !important;
    }

    .bct-price-amount {
        font-size: 24px !important;
    }

    .bct-actions {
        flex-direction: column;
    }

    .bct-btn {
        width: 100%;
    }

    .bct-wishlist {
        width: 100%;
    }

    .bct-tabs-header {
        flex-wrap: wrap;
    }

    .bct-tab-btn {
        font-size: 12px;
        padding: 14px 16px;
    }

    .bct-tabs-content {
        padding: 24px;
    }
}

@media (max-width: 576px) {
    .bct-related-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   Sina Pro WC Post - Equal Height Cards
   ============================================ */

/* Each product card */
.sina-pro-wc-post {
    min-height: 520px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Image container - fixed height */
.sina-pro-wc-post .sina-pro-wc-thumb {
    height: 250px !important;
    overflow: hidden;
}

.sina-pro-wc-post .sina-pro-wc-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content area */
.sina-pro-wc-post .sina-pro-wc-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Title - full display */
.sina-pro-wc-post .sina-pro-wc-title {
    display: block;
    overflow: visible;
    min-height: auto;
    white-space: normal;
    line-height: 1.4;
}

/* Price at bottom */
.sina-pro-wc-post .sina-pro-wc-price {
    margin-top: auto !important;
}

/* Responsive */
@media (max-width: 768px) {
    .sina-pro-wc-post {
        min-height: 450px !important;
    }
}

/* ============================================================
   BCT HUBS - SELLER REQUESTS CSS
   ============================================================ */

/* ---- Sidebar Badge ---- */
.bct-nav-item {
    position: relative;
}

.bct-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dc3545;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    padding: 0 5px;
    margin-left: auto;
    line-height: 1;
}

/* ---- Requests Table ---- */
.bct-requests-table-wrap {
    overflow-x: auto;
}

.bct-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.bct-table thead tr {
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
}

.bct-table th {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: #555;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.bct-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    color: #333;
}

.bct-table tbody tr:hover {
    background: #fafbfc;
}

/* ---- User Cell ---- */
.bct-user-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bct-avatar-sm {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* ---- Action Buttons ---- */
.bct-actions-cell {
    white-space: nowrap;
}

.bct-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    margin-right: 6px;
}

.bct-icon-btn-view {
    background: #e8f4ff;
    color: #0073aa;
}

.bct-icon-btn-view:hover {
    background: #0073aa;
    color: #fff;
}

.bct-icon-btn-delete {
    background: #fff0f0;
    color: #dc3545;
}

.bct-icon-btn-delete:hover {
    background: #dc3545;
    color: #fff;
}

/* ---- Loading / Empty State ---- */
.bct-loading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 40px 20px;
    color: #888;
    font-size: 14px;
}

.bct-empty-state {
    text-align: center;
    padding: 60px 20px;
    color: #aaa;
    font-size: 15px;
}

.bct-empty-state svg {
    display: block;
    margin: 0 auto 16px;
}

.bct-spin {
    animation: bct-spin 1s linear infinite;
}

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

/* ---- Request Details Modal ---- */
.bct-request-details-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.bct-detail-row {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
}

.bct-detail-row:last-child {
    border-bottom: none;
}

.bct-detail-label {
    font-weight: 600;
    color: #555;
    width: 130px;
    flex-shrink: 0;
}

.bct-detail-value {
    color: #333;
}

.bct-detail-value a {
    color: #0073aa;
}

/* ---- Modal Buttons ---- */
.bct-btn-success {
    background: #28a745;
    color: #fff;
}

.bct-btn-success:hover {
    background: #1e7e34;
    color: #fff;
}

.bct-btn-danger {
    background: #dc3545;
    color: #fff;
}

.bct-btn-danger:hover {
    background: #b02a37;
    color: #fff;
}

.bct-btn-outline {
    background: transparent;
    color: #555;
    border: 2px solid #ddd;
}

.bct-btn-outline:hover {
    border-color: #999;
    color: #333;
}

.bct-btn-sm {
    padding: 8px 16px;
    font-size: 13px;
}

/* ---- Become Seller Card ---- */
.bct-become-seller-card {
    background: linear-gradient(135deg, #f0f9ff 0%, #e8f4ff 100%);
    border: 1px solid #c8e6ff;
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    max-width: 480px;
    margin: 24px auto;
}

.bct-become-seller-icon {
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    box-shadow: 0 2px 12px rgba(0,115,170,0.15);
}

.bct-become-seller-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 10px;
}

.bct-become-seller-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0 0 20px;
}

/* ---- Notice ---- */
.bct-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-radius: 8px;
    margin: 16px 0;
    font-size: 14px;
}

.bct-notice-info {
    background: #e8f4ff;
    border: 1px solid #c8e6ff;
    color: #0073aa;
}

.bct-notice strong {
    display: block;
    margin-bottom: 4px;
}

.bct-notice p {
    margin: 0;
    color: #555;
}

/* ---- Textarea ---- */
.bct-textarea {
    width: 100%;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    color: #333;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.bct-textarea:focus {
    outline: none;
    border-color: #0073aa;
}

/* ---- Toast Notification ---- */
.bct-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: #fff;
    padding: 14px 22px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    z-index: 99999;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    max-width: 360px;
}

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

/* ---- Registration Form Checkbox ---- */
.bct-seller-apply-row {
    margin-top: 10px;
    padding: 16px;
    background: #f0f9ff;
    border: 1px solid #c8e6ff;
    border-radius: 8px;
}

.bct-seller-checkbox-label {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a2e;
}

.bct-seller-checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: #0073aa;
}

/* ---- Form Group ---- */
.bct-form-group {
    margin-bottom: 16px;
}

.bct-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-bottom: 6px;
}

/* Hide seller_request only in Edit Profile, not in Registration */
.user-registration-EditProfileForm .ur-form-row:has(input[name="seller_request"]) {
    display: none !important;
}

/* Fix avatar edit button position */
.user-registration-EditProfileForm .user-registration-profile-header {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.user-registration-EditProfileForm .user-registration-img-container {
    position: relative !important;
    width: 120px !important;
    height: 120px !important;
}

.user-registration-EditProfileForm .user-registration-img-container img {
    border-radius: 50% !important;
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    object-fit: cover !important;
}

.user-registration-EditProfileForm .user-registration-profile-header > header {
    position: absolute !important;
    bottom: 0 !important;
    left: calc(50% + 18px) !important;
    top: auto !important;
}

.user-registration-EditProfileForm .user-registration-profile-header > header .button-group {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
}

/* Hide Max size text */
.user-registration-EditProfileForm .user-registration-tips {
    display: none !important;
}

/* Gallery */
.bct-thumb { cursor: pointer; opacity: 0.7; transition: opacity 0.2s; border: 2px solid transparent; }
.bct-thumb:hover, .bct-thumb.active { opacity: 1; border-color: #0073aa; }