
body.pcma-account-page .entry-title,
body.pcma-account-page .page-title,
body.pcma-account-page .wp-block-post-title,
body.pcma-account-page article.page > header,
body.pcma-account-page .entry-header{
    display:none!important;
}

body.pcma-account-page{
    --pcma-teal:#07888a;
    --pcma-teal-dark:#006f73;
    --pcma-navy:#173652;
    --pcma-text:#536c7c;
    --pcma-line:#d8e6ea;
    --pcma-soft:#f7fafb;
}

body.pcma-account-page .site-content,
body.pcma-account-page #content,
body.pcma-account-page .content-area,
body.pcma-account-page .site-main{
    width:100%!important;
    max-width:none!important;
}

body.pcma-account-page .woocommerce{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0 0 46px!important;
    font-family:Segoe UI,Roboto,Arial,sans-serif!important;
    color:var(--pcma-navy)!important;
}

/* Full-width hero inside the WooCommerce account output */
.pcma-head{
    position:relative;
    left:50%;
    width:100vw;
    margin-left:-50vw;
    margin-bottom:30px;
    background:linear-gradient(180deg,#f7fbfc,#fff);
    border-bottom:1px solid #e5eef1;
}
.pcma-shell{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
    padding:23px 0 28px;
}
.pcma-breadcrumb{
    margin-bottom:15px;
    font-size:12px;
    color:#788d99;
}
.pcma-breadcrumb a{
    color:var(--pcma-teal)!important;
    text-decoration:none!important;
}
.pcma-breadcrumb span{
    padding:0 8px;
    color:#9bafb8;
}
.pcma-head h1{
    margin:0 0 7px!important;
    color:var(--pcma-navy)!important;
    font-size:36px!important;
    line-height:1.2!important;
    font-weight:600!important;
}
.pcma-head p{
    margin:0!important;
    color:#687f8e!important;
    font-size:14px!important;
    line-height:1.5!important;
}

/* -------------------------
   Logged-out login/register
   ------------------------- */
body.pcma-account-page #customer_login{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
    margin:0!important;
}
body.pcma-account-page #customer_login > .col-1,
body.pcma-account-page #customer_login > .col-2{
    width:100%!important;
    float:none!important;
    max-width:none!important;
}

body.pcma-account-page .woocommerce > h2,
body.pcma-account-page #customer_login h2{
    margin:0 0 12px!important;
    color:var(--pcma-navy)!important;
    font-size:22px!important;
    line-height:1.25!important;
    font-weight:600!important;
}

body.pcma-account-page form.woocommerce-form-login,
body.pcma-account-page form.woocommerce-form-register{
    margin:0!important;
    border:1px solid var(--pcma-line)!important;
    border-radius:13px!important;
    background:#fff!important;
    padding:25px!important;
    box-shadow:0 8px 24px rgba(23,54,82,.05)!important;
}

body.pcma-account-page .woocommerce-form-row,
body.pcma-account-page .form-row{
    margin-bottom:16px!important;
}

body.pcma-account-page form label{
    color:#405c70!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:600!important;
}

body.pcma-account-page input.input-text,
body.pcma-account-page input[type="text"],
body.pcma-account-page input[type="email"],
body.pcma-account-page input[type="password"],
body.pcma-account-page input[type="tel"],
body.pcma-account-page select{
    min-height:44px!important;
    width:100%!important;
    border:1px solid #cfdee3!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#455f70!important;
    padding:8px 11px!important;
    box-shadow:none!important;
    outline:none!important;
}

body.pcma-account-page input:focus,
body.pcma-account-page select:focus{
    border-color:var(--pcma-teal)!important;
    box-shadow:0 0 0 2px rgba(7,136,138,.08)!important;
}

body.pcma-account-page .password-input{
    width:100%!important;
}

body.pcma-account-page button.button,
body.pcma-account-page a.button{
    min-height:41px!important;
    border:1px solid var(--pcma-teal)!important;
    border-radius:6px!important;
    background:var(--pcma-teal)!important;
    color:#fff!important;
    padding:9px 18px!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent!important;
}

body.pcma-account-page button.button:hover,
body.pcma-account-page a.button:hover{
    border-color:var(--pcma-teal-dark)!important;
    background:var(--pcma-teal-dark)!important;
    color:#fff!important;
}

body.pcma-account-page .woocommerce-form-login__rememberme{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-left:8px!important;
    font-weight:400!important;
}

body.pcma-account-page .woocommerce-form-login__rememberme input{
    width:auto!important;
    min-height:0!important;
}

body.pcma-account-page .woocommerce-LostPassword{
    margin:14px 0 0!important;
}

body.pcma-account-page .woocommerce-LostPassword a,
body.pcma-account-page .woocommerce-privacy-policy-link{
    color:var(--pcma-teal)!important;
    text-decoration:none!important;
}

body.pcma-account-page .woocommerce-LostPassword a:hover,
body.pcma-account-page .woocommerce-privacy-policy-link:hover{
    color:var(--pcma-teal-dark)!important;
}

/* When WooCommerce registration is disabled there is only one login column. */
body.pcma-account-page #customer_login > .col-1:only-child,
body.pcma-account-page .woocommerce-form-login:first-of-type:last-of-type{
    max-width:720px!important;
}

/* -------------------------
   Logged-in dashboard
   ------------------------- */
body.pcma-account-page .woocommerce-MyAccount-navigation{
    width:26%!important;
    float:left!important;
    padding-right:22px!important;
}
body.pcma-account-page .woocommerce-MyAccount-navigation ul{
    list-style:none!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid var(--pcma-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(23,54,82,.04)!important;
}
body.pcma-account-page .woocommerce-MyAccount-navigation li{
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #edf2f4!important;
}
body.pcma-account-page .woocommerce-MyAccount-navigation li:last-child{
    border-bottom:0!important;
}
body.pcma-account-page .woocommerce-MyAccount-navigation li a{
    display:block!important;
    padding:12px 13px!important;
    border-radius:7px!important;
    color:#496577!important;
    font-size:13px!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent!important;
}
body.pcma-account-page .woocommerce-MyAccount-navigation li.is-active a{
    background:#e8f6f7!important;
    color:var(--pcma-teal-dark)!important;
    font-weight:600!important;
}
body.pcma-account-page .woocommerce-MyAccount-navigation li a:hover{
    color:var(--pcma-teal)!important;
}

body.pcma-account-page .woocommerce-MyAccount-content{
    width:74%!important;
    float:right!important;
    min-height:330px!important;
    border:1px solid var(--pcma-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    padding:24px!important;
    box-shadow:0 7px 22px rgba(23,54,82,.035)!important;
    color:#526b7b!important;
    font-size:14px!important;
    line-height:1.65!important;
}
body.pcma-account-page .woocommerce-MyAccount-content a{
    color:var(--pcma-teal)!important;
}
body.pcma-account-page .woocommerce-MyAccount-content h2,
body.pcma-account-page .woocommerce-MyAccount-content h3{
    color:var(--pcma-navy)!important;
    font-weight:600!important;
}

body.pcma-account-page table.shop_table{
    border:1px solid var(--pcma-line)!important;
    border-radius:8px!important;
    overflow:hidden!important;
}
body.pcma-account-page table.shop_table th{
    background:#f5f9fa!important;
    color:var(--pcma-navy)!important;
}
body.pcma-account-page table.shop_table td{
    color:#526b7b!important;
}

body.pcma-account-page .woocommerce-message,
body.pcma-account-page .woocommerce-info,
body.pcma-account-page .woocommerce-error{
    border-top-color:var(--pcma-teal)!important;
    background:#f4fafb!important;
    color:#4d6878!important;
}
body.pcma-account-page .woocommerce-message:before,
body.pcma-account-page .woocommerce-info:before{
    color:var(--pcma-teal)!important;
}

/* -------------------------
   Tablet
   ------------------------- */
@media(max-width:800px){
    body.pcma-account-page .woocommerce{
        width:calc(100% - 32px)!important;
    }
    .pcma-shell{
        width:calc(100% - 32px);
    }
    .pcma-head h1{
        font-size:32px!important;
    }
    body.pcma-account-page #customer_login{
        grid-template-columns:1fr!important;
    }
    body.pcma-account-page .woocommerce-MyAccount-navigation,
    body.pcma-account-page .woocommerce-MyAccount-content{
        width:100%!important;
        float:none!important;
        padding-right:0!important;
    }
    body.pcma-account-page .woocommerce-MyAccount-navigation{
        margin-bottom:18px!important;
    }
    body.pcma-account-page .woocommerce-MyAccount-navigation ul{
        display:grid!important;
        grid-template-columns:repeat(3,1fr)!important;
        gap:6px!important;
    }
    body.pcma-account-page .woocommerce-MyAccount-navigation li{
        border:0!important;
    }
    body.pcma-account-page .woocommerce-MyAccount-navigation li a{
        min-height:42px!important;
        padding:10px 7px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        border:1px solid #edf2f4!important;
        font-size:11.5px!important;
    }
}

/* -------------------------
   Mobile
   ------------------------- */
@media(max-width:520px){
    body.pcma-account-page .woocommerce{
        width:calc(100% - 24px)!important;
        padding-bottom:30px!important;
    }
    .pcma-shell{
        width:calc(100% - 24px);
        padding:17px 0 21px;
    }
    .pcma-head{
        margin-bottom:20px;
    }
    .pcma-breadcrumb{
        margin-bottom:10px;
        font-size:11px;
    }
    .pcma-head h1{
        font-size:28px!important;
    }
    .pcma-head p{
        font-size:13px!important;
    }

    body.pcma-account-page .woocommerce > h2,
    body.pcma-account-page #customer_login h2{
        font-size:19px!important;
    }

    body.pcma-account-page form.woocommerce-form-login,
    body.pcma-account-page form.woocommerce-form-register{
        padding:17px!important;
        border-radius:10px!important;
    }

    body.pcma-account-page .woocommerce-form-login__rememberme{
        margin-left:5px!important;
        font-size:12px!important;
    }

    body.pcma-account-page .woocommerce-MyAccount-navigation ul{
        grid-template-columns:repeat(2,1fr)!important;
    }

    body.pcma-account-page .woocommerce-MyAccount-content{
        padding:17px!important;
        font-size:13px!important;
    }
}


/* =========================================================
   v1.1.1 — Login/Register alignment + visible button labels
   ========================================================= */

/* Force WooCommerce login/register columns into a predictable desktop grid,
   overriding theme .col-1/.col-2 floats and positioning. */
body.pcma-account-page .woocommerce #customer_login,
body.pcma-account-page .woocommerce .u-columns#customer_login,
body.pcma-account-page .woocommerce .col2-set#customer_login{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"login register"!important;
    column-gap:24px!important;
    row-gap:0!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
}

body.pcma-account-page .woocommerce #customer_login > .u-column1,
body.pcma-account-page .woocommerce #customer_login > .col-1{
    grid-area:login!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    float:none!important;
    clear:none!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    margin:0!important;
    padding:0!important;
}

body.pcma-account-page .woocommerce #customer_login > .u-column2,
body.pcma-account-page .woocommerce #customer_login > .col-2{
    grid-area:register!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    float:none!important;
    clear:none!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    margin:0!important;
    padding:0!important;
}

body.pcma-account-page #customer_login h2{
    margin:0 0 12px!important;
}

/* Keep both cards visually balanced on desktop. */
body.pcma-account-page #customer_login form.woocommerce-form-login,
body.pcma-account-page #customer_login form.woocommerce-form-register{
    min-height:365px!important;
    display:flex!important;
    flex-direction:column!important;
}

body.pcma-account-page #customer_login form.woocommerce-form-login .woocommerce-LostPassword{
    margin-top:14px!important;
}

body.pcma-account-page #customer_login form.woocommerce-form-register .woocommerce-privacy-policy-text{
    color:#526b7b!important;
    font-size:12.5px!important;
    line-height:1.55!important;
}

/* Theme-safe button label visibility.
   Covers login/register, Orders "Browse products", address/account actions, etc. */
body.pcma-account-page .woocommerce a.button,
body.pcma-account-page .woocommerce a.button:link,
body.pcma-account-page .woocommerce a.button:visited,
body.pcma-account-page .woocommerce button.button,
body.pcma-account-page .woocommerce input.button,
body.pcma-account-page .woocommerce .woocommerce-Button,
body.pcma-account-page .woocommerce .wc-forward{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    text-indent:0!important;
    visibility:visible!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.2!important;
    background:var(--pcma-teal)!important;
    border-color:var(--pcma-teal)!important;
}

body.pcma-account-page .woocommerce a.button *,
body.pcma-account-page .woocommerce button.button *,
body.pcma-account-page .woocommerce .woocommerce-Button *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
}

body.pcma-account-page .woocommerce a.button:hover,
body.pcma-account-page .woocommerce a.button:focus,
body.pcma-account-page .woocommerce button.button:hover,
body.pcma-account-page .woocommerce button.button:focus,
body.pcma-account-page .woocommerce .woocommerce-Button:hover,
body.pcma-account-page .woocommerce .woocommerce-Button:focus{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--pcma-teal-dark)!important;
    border-color:var(--pcma-teal-dark)!important;
}

/* Keep login/register call-to-action buttons content-sized rather than stretched. */
body.pcma-account-page #customer_login button.button{
    width:auto!important;
    align-self:flex-start!important;
}

/* Tablet/mobile: stack Login above Register in natural order. */
@media(max-width:800px){
    body.pcma-account-page .woocommerce #customer_login,
    body.pcma-account-page .woocommerce .u-columns#customer_login,
    body.pcma-account-page .woocommerce .col2-set#customer_login{
        grid-template-columns:1fr!important;
        grid-template-areas:
            "login"
            "register"!important;
        row-gap:20px!important;
    }

    body.pcma-account-page #customer_login form.woocommerce-form-login,
    body.pcma-account-page #customer_login form.woocommerce-form-register{
        min-height:0!important;
    }
}

@media(max-width:520px){
    body.pcma-account-page .woocommerce #customer_login,
    body.pcma-account-page .woocommerce .u-columns#customer_login,
    body.pcma-account-page .woocommerce .col2-set#customer_login{
        row-gap:16px!important;
    }
}
