.elementor-11 .elementor-element.elementor-element-56b3b9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-21ae3e9{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-21ae3e9 *//* ============================================================
   BOG BROOK — MY ACCOUNT PAGE (GOD LEVEL)
   Paste into Elementor > Edit Shortcode > Custom CSS
   ============================================================ */

/* ─────────────────────────────────────────────
   OUTER WRAPPER
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* The two-column layout wrapper */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-account .woocommerce {
    display: flex;
    gap: 0;
    align-items: stretch;
    background: #f4faef;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0 2px 6px rgba(0,0,0,0.05),
        0 12px 40px rgba(0,0,0,0.09);
    border: 1px solid #d6edca;
}

/* ─────────────────────────────────────────────
   LEFT SIDEBAR NAV
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation {
    background: #f4faef;
    border-right: 1px solid #d6edca;
    min-width: 220px;
    width: 220px;
    flex-shrink: 0;
    padding: 32px 0 24px;
    position: relative;
}

/* Brand label at top of sidebar */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation::before {
    content: 'MY ACCOUNT';
    display: block;
    color: rgba(50,100,20,0.45);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0 24px 20px;
    border-bottom: 1px solid #d6edca;
    margin-bottom: 8px;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 24px !important;
    color: #3a5a22 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    border-left: 3px solid transparent !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li a:hover {
    color: #1e3a10 !important;
    background: rgba(74,174,24,0.10) !important;
    border-left-color: rgba(74,174,24,0.5) !important;
    padding-left: 28px !important;
}

/* Active item */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.is-active a,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a {
    color: #1e3a10 !important;
    background: rgba(74,174,24,0.14) !important;
    border-left-color: #4AAE18 !important;
    font-weight: 700 !important;
}

/* Nav icons via content */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { content: '⊞'; }
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { content: '📦'; }
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before { content: '⬇'; }
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: '📍'; }
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: '👤'; }
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '→'; }

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li a::before {
    font-size: 14px;
    width: 18px;
    flex-shrink: 0;
    opacity: 0.8;
}

/* Logout link styled differently */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 16px !important;
    border-top: 1px solid #d6edca !important;
    padding-top: 8px !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: rgba(180,60,60,0.75) !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: #c0392b !important;
    background: rgba(220,50,50,0.07) !important;
    border-left-color: #e05050 !important;
}

/* ─────────────────────────────────────────────
   RIGHT CONTENT PANEL
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content {
    flex: 1;
    background: #ffffff;
    padding: 36px 40px !important;
    min-height: 480px;
}

/* ─────────────────────────────────────────────
   DASHBOARD GREETING
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content p:first-child {
    background: linear-gradient(135deg, #f4fdf0 0%, #eaf7e3 100%);
    border: 1px solid #ceebbf;
    border-left: 4px solid #4AAE18;
    border-radius: 10px;
    padding: 16px 20px !important;
    font-size: 14px !important;
    color: #2a4a1a !important;
    margin-bottom: 24px !important;
    line-height: 1.6 !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content p:first-child strong {
    color: #1e3a10 !important;
    font-weight: 700 !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content p:first-child a {
    color: #4AAE18 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(74,174,24,0.3) !important;
    transition: border-color 0.2s !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content p:first-child a:hover {
    border-bottom-color: #4AAE18 !important;
}

/* ─────────────────────────────────────────────
   DASHBOARD BODY TEXT
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content p {
    font-size: 14px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 16px;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content a {
    color: #4AAE18 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content a:hover {
    color: #3a9910 !important;
    text-decoration: underline !important;
}

/* ─────────────────────────────────────────────
   ORDERS TABLE
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-orders-table,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.06) !important;
    margin-bottom: 24px !important;
    font-size: 13.5px !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-orders-table thead th,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content table thead th {
    background: #1e3410 !important;
    color: rgba(255,255,255,0.85) !important;
    font-weight: 600 !important;
    font-size: 11.5px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    padding: 14px 18px !important;
    border: none !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-orders-table tbody tr,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content table tbody tr {
    background: #fff !important;
    transition: background 0.18s ease !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-orders-table tbody tr:nth-child(even),
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content table tbody tr:nth-child(even) {
    background: #f9fcf7 !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-orders-table tbody tr:hover,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content table tbody tr:hover {
    background: #f0faea !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-orders-table tbody td,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content table tbody td {
    padding: 14px 18px !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    color: #333 !important;
    vertical-align: middle !important;
}

/* Order status badges */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-orders-table .order-status,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .wc-item-meta,
.elementor-11 .elementor-element.elementor-element-21ae3e9 mark.order-status {
    display: inline-block !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 mark.order-status.status-completed,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .order-status.status-completed {
    background: #e8f8e0 !important;
    color: #2a7a0e !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 mark.order-status.status-processing,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .order-status.status-processing {
    background: #e8f0ff !important;
    color: #2a4ea0 !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 mark.order-status.status-on-hold,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .order-status.status-on-hold {
    background: #fff8e0 !important;
    color: #9a6e00 !important;
}

/* ─────────────────────────────────────────────
   BUTTONS INSIDE ACCOUNT CONTENT
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content .button,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content button,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 11px 24px !important;
    background: linear-gradient(160deg, #4eb81a 0%, #3a9910 100%) !important;
    color: #fff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    border: none !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(74,174,24,0.30) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content .button:hover,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content button:hover,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content input[type="submit"]:hover {
    background: linear-gradient(160deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.22) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

/* ─────────────────────────────────────────────
   FORM FIELDS (addresses, account details)
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content input[type="text"],
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content input[type="email"],
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content input[type="password"],
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content input[type="tel"],
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content select,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content textarea {
    width: 100% !important;
    border: 1.5px solid #dde8d5 !important;
    border-radius: 9px !important;
    padding: 11px 14px !important;
    font-size: 13.5px !important;
    color: #111 !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    outline: none !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content input:focus,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content select:focus,
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content textarea:focus {
    border-color: #4AAE18 !important;
    box-shadow: 0 0 0 3px rgba(74,174,24,0.13) !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content label {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #444 !important;
    margin-bottom: 5px !important;
    display: block !important;
    letter-spacing: 0.2px !important;
}

/* ─────────────────────────────────────────────
   NOTICES / ALERTS
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content .woocommerce-message {
    background: #f0fae8 !important;
    border-left: 4px solid #4AAE18 !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    font-size: 13.5px !important;
    color: #2a4a1a !important;
    margin-bottom: 20px !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content .woocommerce-error {
    background: #fff2f2 !important;
    border-left: 4px solid #e53e3e !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    font-size: 13.5px !important;
    color: #7a1a1a !important;
    margin-bottom: 20px !important;
    list-style: none !important;
}

/* ─────────────────────────────────────────────
   ADDRESSES LAYOUT
───────────────────────────────────────────── */
.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

.elementor-11 .elementor-element.elementor-element-21ae3e9 .woocommerce-MyAccount-content address {
    background: #f8faf6 !important;
    border: 1px solid #dde8d5 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    color: #333 !important;
}/* End custom CSS */