.elementor-11 .elementor-element.elementor-element-3fbc507{--display:flex;}.elementor-11 .elementor-element.elementor-element-3fbc507:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-3fbc507 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEF9;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-41b4bf3 */@import url('https://fonts.googleapis.com/css2?family=Ysabeau:wght@400;500;600;700;800&display=swap');

/* --- 1. GLOBAL LAYOUT --- */
.woocommerce-account .woocommerce {
    max-width: 900px; margin: 0 auto; padding: 60px 20px; font-family: 'Ysabeau', sans-serif;
}
/* Hide Sidebar */
.woocommerce-MyAccount-navigation { display: none !important; }
.woocommerce-MyAccount-content { width: 100% !important; float: none !important; }

/* --- 2. FORCE HIDE DEFAULT TEXT (The Fix) --- */
/* This hides all direct paragraphs in the account area */
/* Your custom dashboard is safe because it is wrapped in a .ph-dash-container DIV */
.woocommerce-MyAccount-content > p { display: none !important; }

/* Exception: Ensure paragraphs inside our custom/track sections are visible */
.ph-dash-container p, .ph-track-wrap p, .ph-dash-header p {
    display: block !important; 
}

/* --- 3. AUTH FORMS (Centered) --- */
#customer_login { display: flex; flex-direction: column; align-items: center; }
.u-columns { width: 100%; display: flex; justify-content: center; }
.u-column1, .u-column2 { width: 100%; max-width: 450px; float: none !important; }

/* Tabs */
.ph-auth-toggle {
    display: flex; gap: 40px; margin-bottom: 40px; border-bottom: 1px solid #eee;
    justify-content: center; width: 100%; max-width: 450px; margin-left: auto; margin-right: auto;
}
.ph-auth-toggle button {
    background: none; border: none; padding: 10px 0; font-size: 18px; font-weight: 700;
    color: #ccc; cursor: pointer; border-bottom: 2px solid transparent; transition: 0.3s;
}
.ph-auth-toggle button.active { color: #000; border-bottom-color: #bc2d3c; }

/* Forms */
.woocommerce form.login, .woocommerce form.register {
    border: 1px solid #eee; padding: 40px; border-radius: 16px; background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,0.03); width: 100%;
}
.woocommerce form .form-row input.input-text {
    padding: 15px; border-radius: 8px; border: 1px solid #ddd; background: #fbfbfb;
}
.woocommerce form .form-row input.input-text:focus { border-color: #bc2d3c; background: #fff; }
.woocommerce button.button {
    width: 100%; background: #000; color: #fff; padding: 15px; border-radius: 8px;
    font-weight: 800; text-transform: uppercase; margin-top: 10px;
}
.woocommerce button.button:hover { background: #bc2d3c; }

/* --- 4. DASHBOARD GRID --- */
.ph-dash-header { text-align: center; margin-bottom: 50px; }
.ph-dash-header h1 { font-size: 32px; font-weight: 800; color: #000; margin: 0 0 10px 0; }
.ph-dash-header p { color: #777; font-size: 16px; }

.ph-dash-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.ph-card {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    padding: 40px; background: #fff; border: 1px solid #eee; border-radius: 16px;
    text-decoration: none !important; transition: 0.3s;
}
.ph-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.05); border-color: #bc2d3c; }

.ph-icon-wrap {
    width: 70px; height: 70px; background: #fff5f5; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
}
.ph-icon-wrap svg { width: 32px; height: 32px; }

.ph-card h3 { margin: 0; font-size: 18px; font-weight: 800; color: #000; }
.ph-card span { font-size: 14px; color: #777; margin-top: 5px; }

.ph-dash-footer { text-align: center; margin-top: 50px; }
.ph-btn-logout {
    color: #bc2d3c; font-weight: 800; text-decoration: none; border-bottom: 2px solid transparent;
}
.ph-btn-logout:hover { border-bottom-color: #bc2d3c; }

/* --- 5. GLOBAL BUTTONS --- */
.ph-subpage-nav {
    display: flex; justify-content: space-between; align-items: center;
    background: #f9f9f9; padding: 15px 25px; border-radius: 8px; 
    margin-bottom: 30px; margin-top: 30px; border: 1px solid #eee;
}
.btn-dash { text-decoration: none; color: #000; font-weight: 700; font-size: 14px; }
.btn-logout-small { 
    text-decoration: none; color: #bc2d3c; font-weight: 700; font-size: 14px;
    border: 1px solid #bc2d3c; padding: 5px 15px; border-radius: 4px;
}
.btn-logout-small:hover { background: #bc2d3c; color: #fff; }

/* --- 6. TRACK PAGE --- */
.woocommerce-info {
    background: #fff5f5; border-top: 3px solid #bc2d3c; color: #000; font-weight: 600;
}
.woocommerce-info::before { color: #bc2d3c; }
.ph-track-wrap { text-align: center; max-width: 500px; margin: 0 auto; }
.ph-track-box { display: flex; gap: 10px; margin-top: 20px; }
.ph-track-box input { flex-grow: 1; padding: 15px; border: 2px solid #eee; border-radius: 8px; }
.ph-track-box button { background: #bc2d3c; color: #fff; border: none; padding: 0 30px; border-radius: 8px; font-weight: 800; }

@media(max-width: 768px) {
    .ph-dash-grid { grid-template-columns: 1fr; }
    .ph-track-box { flex-direction: column; }
    .ph-auth-toggle { gap: 20px; }
    .ph-subpage-nav { flex-direction: column; gap: 15px; text-align: center; }
}/* End custom CSS */