/*
Theme Name: 8 Ball Golf Child
Description: Child theme for Astra
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: 8ballgolf-child
*/

/* Import parent theme styles */
@import url('../astra/style.css');

/**
 * Authentication Pages - Login & Register
 * Custom form styling
 */

/* Form Container */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

.sora {
    font-family: "Sora", sans-serif;
}
body{
    background-color: #f8fafc !important;
}

.woocommerce-form-register-wrapper,
.woocommerce-form-login-wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Form Title & Description */
.woocommerce-form-register-wrapper h2,
.woocommerce-form-login-wrapper h2 {
    font-size: 32px;
    font-weight: 700;
    color: #003a3a;
    margin-bottom: 10px;
    text-align: center;
}

.woocommerce-form-register-wrapper p:first-of-type,
.woocommerce-form-login-wrapper p:first-of-type {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
}

/* Form Fields */
.woocommerce-form-row {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

/* Two Column Layout for Password Fields */
.woocommerce-form-row.woocommerce-form-row--wide {
    width: 100%;
}

/* Labels */
.woocommerce-form-row label {
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.required {
    color: #d32f2f;
}

/* Input Fields */
.woocommerce-Input--text,
.woocommerce-Input--password,
input[type="email"],
input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
    font-family: inherit;
}

.woocommerce-Input--text:focus,
.woocommerce-Input--password:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    outline: none;
    border-color: #003a3a;
    box-shadow: 0 0 0 3px rgba(0, 58, 58, 0.1);
}

/* Checkbox */
input[type="checkbox"] {
    margin-right: 8px;
    width: 18px;
    height: 18px !important;
    cursor: pointer;
}

.woocommerce-form-row input[type="checkbox"]+label {
    display: inline;
    margin-bottom: 0;
    margin-left: 0;
    font-weight: 400;
}

/* Forgot Password Link */
a.lost_password {
    color: #003a3a;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    float: right;
    margin-top: -30px;
    margin-bottom: 10px;
}

a.lost_password:hover {
    text-decoration: underline;
}

/* Submit Button */
.woocommerce-Button.button,
.woocommerce-form-register__submit,
button[type="submit"] {
    width: 100%;
    padding: 14px 20px;
    background-color: #003a3a;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
}

.woocommerce-Button.button:hover,
.woocommerce-form-register__submit:hover,
button[type="submit"]:hover {
    background-color: #002626;
}

/* Auth Links */
.woocommerce-form-row p {
    text-align: center;
    font-size: 14px;
    color: #666;
}

.woocommerce-form-row a {
    color: #d32f2f;
    text-decoration: none;
    font-weight: 600;
}

.woocommerce-form-row a:hover {
    text-decoration: underline;
}

/* Terms and Conditions */
.woocommerce-form-row small a {
    color: #d32f2f;
    font-size: 12px;
}

/* Login/Register Link */
.auth-links,
.woocommerce-form-row.form-row-last p {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

/* Error Messages */
.woocommerce-error,
.woocommerce-notice--error {
    background-color: #fee;
    border: 1px solid #fcc;
    border-left: 4px solid #d32f2f;
    padding: 12px 16px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #d32f2f;
}

/* Success Messages */
.woocommerce-message,
.woocommerce-notice--success {
    background-color: #efe;
    border: 1px solid #cfc;
    border-left: 4px solid #28a745;
    padding: 12px 16px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #28a745;
}

/* Responsive for auth pages */
@media (max-width: 768px) {

    .woocommerce-form-register-wrapper h2,
    .woocommerce-form-login-wrapper h2 {
        font-size: 24px;
    }

    .woocommerce-Input--text,
    .woocommerce-Input--password,
    input[type="email"],
    input[type="text"],
    input[type="password"] {
        font-size: 16px;
        /* Prevents zoom on mobile */
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        grid-column: unset !important;
    } 
}

/**
 * Product Reviews - Grid Layout
 * Displays reviews in a 3-column grid with toggle form
 */

/* Reviews Container */
#reviews.woocommerce-Reviews {
    margin: 40px 0 0;
    padding: 30px 0 0;
}

/* Reviews Header */
.reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    gap: 30px;
    flex-wrap: wrap;
}

.reviews-title-rating {
    flex: 1;
    min-width: 300px;
}

/* Reviews Title */
.woocommerce-js #reviews .woocommerce-Reviews-title {
    font-size: 36px;
    font-weight: 700;
    color: #0F172A;
    margin: 0 0 8px;
    display: block;
    max-width: 620px;
    width: 90%;
    text-transform: capitalize;
}

.woocommerce-Reviews-title em {
    font-style: normal;
}

/* Rating Display */
.woocommerce-Reviews-rating {
    display: flex;
    align-items: center;
    gap: 20px;
}

.woocommerce-Reviews-rating .star-rating {
    display: inline-block;
    color: #fda256;
    font-size: 18px;
}

.woocommerce-Reviews-rating .average-rating {
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    margin: 0;
}

/* Write Review Button */
.write-review-btn {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}


/* Reviews Grid Layout - Masonry Style */
.woocommerce-Reviews-list {
    margin-bottom: 40px;
}

.woocommerce-Reviews-list ol.commentlist,
.woocommerce-Reviews-list ul.commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
    column-count: 3;
    -webkit-column-count: 3;
    column-gap: 24px;
    -webkit-column-gap: 24px;
}

/* Prevent column breaks inside review cards */
.woocommerce-Reviews-list ol.commentlist li,
.woocommerce-Reviews-list ul.commentlist li {
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin-bottom: 24px;
    display: inline-block;
    width: 100%;
}

a.comment-reply-link,
.says {
    display: none;
}

.comment-body {
    border: 1px solid #f1f5f9;
    padding: 32px;
    border-radius: 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 9px;
    background-color: #f8fafc;
}

.comment-author.vcard {
    display: flex;
    align-items: center;
    gap: 12px;
}

.comment-author.vcard img {
    float: unset !important;
    width: 35px;
    height: 35px;
    object-fit: cover;
    box-shadow: none;
    border-radius: 50%;
}

cite.fn a {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    font-style: normal;
    text-transform: capitalize;
    color: #0F172A;
}

.comment-meta.commentmetadata a {
    text-decoration: none;
    font-size: 12px;
    color: #94A3B8;
}

.comment-body p {
    font-size: 14px;
    color: #475569;
    margin: 15px 0 0 !important;
}

/* Individual Review Card */
.woocommerce-Reviews-list li.review {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.woocommerce-Reviews-list li.review:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

/* Review Header with Avatar */
.woocommerce-Reviews-list li.review .review-header {
    display: grid;
    grid-template-columns: 50px 1fr auto;
    gap: 15px;
    align-items: start;
    margin-bottom: 20px;
}

/* Avatar Circle */
.woocommerce-Reviews-list li.review .reviewer-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

/* Reviewer Info */
.woocommerce-Reviews-list li.review .reviewer-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.woocommerce-Reviews-list li.review .reviewer-name {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 16px;
    margin: 0;
    line-height: 1.3;
}

.woocommerce-Reviews-list li.review .review-date {
    color: #666;
    font-size: 13px;
    margin: 0;
    line-height: 1.3;
}

/* Star Rating in Header */
.woocommerce-Reviews-list li.review .review-rating {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.woocommerce-Reviews-list li.review .star-rating {
    position: relative;
    width: 90px;
    height: 16px;
    font-size: 16px;
    line-height: 1;
    color: #fda256;
}

.woocommerce-Reviews-list li.review .star-rating::before {
    content: "★★★★★";
    position: absolute;
    top: 0;
    left: 0;
    color: #ddd;
    letter-spacing: 2px;
}

.woocommerce-Reviews-list li.review .star-rating span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #fda256;
}

.woocommerce-Reviews-list li.review .star-rating span::before {
    content: "★★★★★";
    letter-spacing: 2px;
}

/* Review Content */
.woocommerce-Reviews-list li.review .review-content {
    font-size: 14px;
    line-height: 1.7;
    color: #333;
}

.woocommerce-Reviews-list li.review .review-content p {
    margin: 0;
}

/* Legacy Support - Hide old structure */
.woocommerce-Reviews-list li.review .comment-text,
.woocommerce-Reviews-list li.review .meta,
.woocommerce-Reviews-list li.review .woocommerce-review__dash,
.woocommerce-Reviews-list li.review .woocommerce-review__published-date,
.woocommerce-Reviews-list li.review .woocommerce-verified {
    display: none;
}

/* Review Form Container */
#review_form_wrapper {
    background: #f9f9f9;
    padding: 30px;
    /* border-radius: 8px; */
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
    position: fixed;
    inset: 0;
    height: 100%;
    background-color: #222222d1;
    z-index: 100;
}

div#review_form {
    max-width: 600px;
    margin: auto;
    margin-top: 80px;
    background: white;
    border-radius: 12px;
}

#review_form_wrapper.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.woocommerce-form-review-form-wrapper h2 {
    font-size: 22px;
    font-weight: 700;
    color: #003a3a;
    margin-bottom: 25px;
    margin-top: 0;
}

.single-product .woocommerce-js .comment-reply-title {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: block;
    margin: 0;
}

/* Review Form Fields */
/* #commentform {
    display: grid;
    gap: 20px;
} */

#commentform p {
    margin: 0;
}

#commentform label {
    display: block;
    font-weight: 600 !important;
    color: #334155;
    margin-bottom: 8px;
    font-size: 14px !important;
}

.single-product p.stars {
    margin-top: -15px !important;
}

#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus {
    outline: none;
    border-color: #003a3a;
    box-shadow: 0 0 0 3px rgba(0, 58, 58, 0.1);
}

#commentform textarea {
    resize: vertical;
    min-height: 120px;
}

/* Form Group for Star Rating */
.comment-form-rating {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.comment-form-rating label {
    margin-bottom: 0;
}

.comment-form-rating .stars {
    display: flex;
    gap: 5px;
    font-size: 20px;
}

.comment-form-rating .stars a {
    color: #ddd;
    text-decoration: none;
    transition: color 0.2s ease;
}

.comment-form-rating .stars a:hover,
.comment-form-rating .stars a.active {
    color: #fda256;
}

/* Form Submit */
#commentform #submit {
    align-self: flex-start;
    padding: 14px 30px;
    background-color: #003a3a;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.form-sunbmit {
    margin-top: 0 !important;
}

#commentform #submit:hover {
    background-color: #002626;
}

/* No Reviews Message */
.woocommerce-noreviews {
    text-align: center;
    color: #666;
    padding: 40px 20px;
    font-size: 16px;
}

/* WooCommerce My Account Page */

/* Main Layout */
.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    max-width: 100%;
    align-items: start;
    background: #F8FAFC;
    padding: 70px 80px;
}

.woocommerce-account .woocommerce::after,
body.woocommerce-account .woocommerce::before {
    display: none;
}

/* Ensure proper structure */
.woocommerce .myaccount-sidebar {
    display: grid;
    position: sticky;
    top: 120px;
    width: 300px; 
}

.woocommerce .myaccount-sidebar .sidebar-items-wrapper {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    height: fit-content;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.woocommerce-account .myaccount-sidebar,
.woocommerce-account nav.woocommerce-MyAccount-navigation {
    grid-column: 1;
}

.woocommerce-account .woocommerce-MyAccount-content {
    grid-column: 2;
    grid-row: 1;
}

/* User Profile Section */
.myaccount-user-profile {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 32px 0px;
    border-bottom: none;
}

.myaccount-user-profile .user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: #D1F0E8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.myaccount-user-profile .user-avatar img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    filter: invert(25%) sepia(18%) saturate(1676%) hue-rotate(130deg) brightness(95%) contrast(101%);
}

.myaccount-user-profile .user-info {
    flex: 1;
}

.myaccount-user-profile .user-name {
    font-size: 20px;
    font-weight: 700;
    color: #1E293B;
    margin: 0 0 2px;
    line-height: 1.3;
}

.myaccount-user-profile .user-role {
    font-size: 11px;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}

/* Navigation Menu */
.woocommerce-MyAccount-navigation {
    padding: 0;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    border: none;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-top: 1px solid #f1f5f9;
    margin-top: 20px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 24px;
    color: #475569;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 10px;
}

.woocommerce-MyAccount-navigation ul li a::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
    flex-shrink: 0;
}

/* Navigation Icons */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='14' width='7' height='7'%3E%3C/rect%3E%3Crect x='3' y='14' width='7' height='7'%3E%3C/rect%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'%3E%3C/path%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'%3E%3C/path%3E%3Cpolyline points='16 17 21 12 16 7'%3E%3C/polyline%3E%3Cline x1='21' y1='12' x2='9' y2='12'%3E%3C/line%3E%3C/svg%3E");
}

/* Active State Icons */
.woocommerce-MyAccount-navigation ul li.is-active.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='14' width='7' height='7'%3E%3C/rect%3E%3Crect x='3' y='14' width='7' height='7'%3E%3C/rect%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.is-active.woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'%3E%3C/path%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.is-active.woocommerce-MyAccount-navigation-link--downloads a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.is-active.woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.is-active.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation ul li.is-active.woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}

/* Active State */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #D1F0E8;
    color: #1E293B;
    font-weight: 600;
    border-left: 4px solid #00695C;
    padding-left: 20px;
}

.woocommerce-MyAccount-navigation ul li.is-active a::before {
    opacity: 1;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: #F1F5F9;
    color: #1E293B;
}

/* Logout Link Styling */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #dc2626;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fef2f2;
}

/* Need Help Section */
.myaccount-help-section {
    padding: 24px;
    margin: 20px 0 0;
    background: #D1F0E8;
    border-radius: 12px;
}

.myaccount-help-section .help-title {
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    letter-spacing: 0.8px;
    margin: 0 0 12px;
}


.myaccount-help-section .help-description {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 15px;
}

.myaccount-help-section .help-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #003a3a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: gap 0.2s ease;
}

.myaccount-help-section .help-link:hover {
    gap: 8px;
}

.woocommerce-account .woocommerce>div:not(.myaccount-sidebar):not(nav) {
    background: #ffffff;
    border-radius: 12px;
    padding: 40px;
    min-height: 400px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)px;
    padding: 40px;
    min-height: 400px;
    width: 100%;
}

/* Dashboard Header */
.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
    gap: 20px;
    flex-wrap: wrap;
}

.dashboard-welcome {
    flex: 1;
}

.dashboard-title {
    font-size: 32px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px;
    line-height: 1.2;
}

.dashboard-logout-link {
    font-size: 16px;
    color: #64748b;
    margin: 0;
}

.dashboard-logout-link a {
    color: #003a3a;
    text-decoration: none;
    font-weight: 600;
}

.dashboard-logout-link a:hover {
    text-decoration: underline;
}

/* View Shop Button */
.dashboard-shop-button .view-shop-btn {
    display: inline-block;
    padding: 14px 30px;
    background: #003a3a;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.dashboard-shop-button .view-shop-btn:hover {
    background: #002626;
}

/* Dashboard Intro */
.dashboard-intro {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f1f5f9;
}

.dashboard-intro p {
    font-size: 16px;
    color: #475569;
    line-height: 1.7;
    margin: 0;
}

.dashboard-intro a {
    color: #003a3a;
    font-weight: 600;
    text-decoration: none;
}

.dashboard-intro a:hover {
    text-decoration: underline;
}

/* Quick Action Cards */
.dashboard-quick-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.quick-action-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
}

.quick-action-card:hover {
    border-color: #003a3a;
    box-shadow: 0 4px 12px rgba(0, 58, 58, 0.1);
}

.quick-action-icon {
    width: 48px;
    height: 48px;
    background: #e8f5f3;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.quick-action-icon svg {
    width: 24px;
    height: 24px;
    color: #003a3a;
}

.quick-action-title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 10px;
}

.quick-action-description {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    margin: 0 0 20px;
}

.quick-action-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #003a3a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    border: 1px solid #003a3a;
    padding: 10px 12px;
    border-radius: 8px;
}

.quick-action-link:hover {
    background-color: #003a3a;
    color: white;
}

.woocommerce-MyAccount-content > p {
    font-size: 14px;
    padding: 13px;
    background: #ffffaa;
    border-radius: 10px;
}
.woocommerce-MyAccount-content > p mark{
    background-color: transparent;
    font-weight: 700;
}
.woocommerce-MyAccount-content h2{
    font-size: 32px;
    color: #0f172a;
    font-weight: 700;
    line-height: 1.3;
}

.woocommerce-MyAccount-content .woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-MyAccount-content .woocommerce-Address-title:before, .woocommerce-MyAccount-content .woocommerce-Address-title:after {
    display: none !important;
}   

.woocommerce-MyAccount-content .woocommerce-Address-title h2 {
    font-size: 20px;
    margin-bottom: 0;
}

.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
    font-size: 0;
    width: 35px;
    height: 35px;
    background: url("images/edit-icon.svg") center center no-repeat;
    display: inline-block;
}
table.woocommerce-table {
    border-radius: 8px !important;
    background-color: white;
    overflow: hidden !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.woocommerce-order {
    width: 90%;
    margin: auto;
}
table.woocommerce-table thead {
    background: #f9fafb !important;
}
table.woocommerce-table thead th {
    font-size: 14px !important;
    color: #6B7280 !important;
    width: 50%;
    padding: 16px !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
table.woocommerce-table tr :nth-child(2) {
    text-align: end;
}
table.woocommerce-table tbody tr:first-child {
    font-size: 16px !important;
    color: #575757 !important;
    font-weight: 700 !important;
}
table.woocommerce-table td, table.woocommerce-table th {
    font-size: 16px !important;
    padding: 24px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
small.shipped_via {
    font-size: 16px;
}
table.woocommerce-table tfoot th {
    font-weight: 700 !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
table.woocommerce-table tfoot tr:last-child *{
    border: 0 !important;
}
table.woocommerce-table tfoot span.woocommerce-Price-amount.amount {
    font-weight: 400 !important;
}
td.woocommerce-table__product-name.product-name a {
    color: #334155;
}
h2.woocommerce-column__title {
    border: 0 !important;
    padding-inline: 0 !important;
}
.woocommerce-customer-details address {
    border-radius: 10px !important;
    overflow: hidden !important;
    background-color: white;
    padding: 24px !important;
    font-size: 14px;
}
.woocommerce-orders-table {
    border-radius: 10px !important;
    overflow: hidden;
}
strong.product-quantity {
    font-weight: 400;
}
p.woocommerce-customer-details--email {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
}
.woocommerce-order-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
}
.woocommerce-order-actions a.button.woocommerce-button {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    background-color: #1f573e ;
    color: white !important;
    border-radius: 8px !important;
    font-size: 16px;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}
.woocommerce-order-actions a.button.woocommerce-button:hover{
    box-shadow: inset 0 0 42px 1px #8f8f8f40;
}
.woocommerce-order-actions a.button.woocommerce-button.print{
    color: #111827 !important;
    background-color: #e5e7eb !important;
}
.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email::before {
    background: #008a1e;
    width: 30px;
    height: 30px;
    color: white;
    position: relative;
    display: inline-flex;
    border-radius: 19px;
    justify-content: center;
    align-items: center;
}
a.woocommerce-button.button.view, a.button.wc-forward {
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 12px;
}
.woocommerce-message {
    margin-bottom: 10px !important;
    font-size: 14px !important;
}
.woocommerce-orders-table thead {
    background: #eff3f1 !important;
}
/* Responsive Styles */
@media (max-width: 1200px) {

    .woocommerce-account .woocommerce,
    body.woocommerce-account .woocommerce {
        grid-template-columns: 300px 1fr;
        gap: 30px;
    }

    .dashboard-quick-actions {
        grid-template-columns: repeat(1, 1fr);
    }
}


.myaccount-sidebar,
nav.woocommerce-MyAccount-navigation {
    position: static;
}


@media (max-width: 768px) {
    .woocommerce-MyAccount-content {
        padding: 25px 20px;
    }

    .dashboard-header {
        flex-direction: column;
    }

    .dashboard-title {
        font-size: 32px;
    }

    .dashboard-shop-button {
        width: 100%;
    }

    .dashboard-shop-button .view-shop-btn {
        width: 100%;
        text-align: center;
    }

    .dashboard-quick-actions {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Responsive Masonry */
@media (max-width: 1024px) {

    .woocommerce-Reviews-list ol.commentlist,
    .woocommerce-Reviews-list ul.commentlist {
        column-count: 2;
    }

    .woocommerce-account .woocommerce, body.woocommerce-account .woocommerce {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .reviews-header {
        flex-direction: column;
        align-items: stretch;
    }

    .write-review-btn {
        width: 100%;
    }

    .woocommerce-Reviews-list ol.commentlist,
    .woocommerce-Reviews-list ul.commentlist {
        column-count: 1;
        column-gap: 20px;
    }

    #review_form_wrapper {
        padding: 20px !important;
    }

    .woocommerce-js .comment-reply-title {
        font-size: 24px;
    }

    /* Convert Sidebar to Bottom Navigation */
    .woocommerce-account .woocommerce,
    body.woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
        padding-bottom: 80px;
        gap: 0;
    }

    /* Hide Profile and Help sections on mobile */
    .myaccount-user-profile,
    .myaccount-help-section {
        display: none;
    }

    /* Bottom Navigation Container */
    .woocommerce .myaccount-sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: inherit;
        width: 100%;
        background: #ffffff;
        border-radius: 0;
        padding: 0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 9;
        height: auto;
    }

    /* Navigation Menu - Horizontal Scrollable Layout */
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: flex-start;
        gap: 30px;
        align-items: center;
        padding: 10px 0 0 0;
        margin: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none;
    }

    .woocommerce-MyAccount-navigation ul li {
        flex: 0 0 auto;
        min-width: unset;
        margin: 0;
        border-bottom: none;
        max-width: unset;
        text-align: center;
        width: auto;
    }

    /* Navigation Links - Stacked Icon and Text */
    .woocommerce-MyAccount-navigation ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 8px 4px;
        font-size: 11px;
        font-weight: 500;
        color: #64748B;
        line-height: 1.2;
        border-left: none;
    }

    /* Icons positioned above text */
    .woocommerce-MyAccount-navigation ul li a::before {
        width: 24px;
        height: 24px;
        margin: 0;
        opacity: 0.7;
    }
    .woocommerce-MyAccount-navigation ul li:last-child{
        margin-top: 0 !important;
    }

    /* Active State for Bottom Nav */
    .woocommerce-MyAccount-navigation ul li.is-active a {
        background: transparent;
        color: #00695C;
        font-weight: 600;
        border-left: none;
        border-top: 3px solid #00695C;
        padding-left: 4px;
        padding-top: 5px;
    }

    .woocommerce-MyAccount-navigation ul li.is-active a::before {
        opacity: 1;
    }

    /* Hover state for mobile */
    .woocommerce-MyAccount-navigation ul li a:hover {
        background: transparent;
    }

    /* Hide logout on mobile or show with icon only */
    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
        display: flex;
    }

    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
        color: #dc2626;
    }

    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
        background: transparent;
    }

    /* Main Content Adjustments */
    .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce > div:not(.myaccount-sidebar):not(nav) {
        padding: 20px 0px 20px;
        margin-bottom: 20px;
    }
    .woocommerce .myaccount-sidebar .sidebar-items-wrapper {
        padding: 0 5px 0;
    }
}

/**
 * Quantity Input Styling - Cart & Product Pages
 */

/* Quantity Input Container */
.quantity {
    position: relative;
    display: inline-flex;
    align-items: center;
    border: 2px solid #E91E63;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

/* Hide default number input arrows */
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Quantity Input Field */
.quantity .qty,
.quantity input.qty {
    width: 30px !important;
    pointer-events: none;
    outline: 0 !important;
    height: 48px;
    text-align: center;
    border: none !important;
    font-size: 16px;
    font-weight: 600;
    color: #1E293B;
    padding: 0;
    margin: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.quantity .qty:focus,
.quantity input.qty:focus {
    outline: none;
    box-shadow: none;
}

/* Plus and Minus Buttons */
.quantity .minus,
.quantity .plus {
    width: 70px;
    height: 48px;
    background: transparent;
    border: none;
    font-size: 20px;
    font-weight: 600;
    color: #64748B;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none !important;
    padding: 0;
}

.quantity .minus:hover,
.quantity .plus:hover {
    background: #F8FAFC;
    color: #1E293B;
}

.quantity .minus:active,
.quantity .plus:active {
    background: #E2E8F0;
}

/* Disable state */
.quantity .minus:disabled,
.quantity .plus:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Product Page Specific */
.single-product .quantity {
    margin: 0 0 20px;
    height: 54px;
}

/* Cart Page Specific */
.woocommerce-cart-form .quantity {
    margin: 0;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block{
    background-color: #eff3f1 !important;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}
table.wc-block-cart-items tbody{
    background: white;
     border-top: 1px solid #e2e8f0;
}
table.wc-block-cart-items td{
    padding: 30px 16px !important;
}
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    align-items: flex-start;
}

tr.wc-block-cart-items__header th {
    padding: 16px 24px !important;
    color: #0c4a34;
    font-weight: 700 !important;
    font-size: 12px;
}
td.wc-block-cart-item__image img {
    width: 200px !important;
    min-width: 96px;
    height: 96px !important;
    object-fit: cover;
    border-radius: 8px;
}
table.wc-block-cart-items td.wc-block-cart-item__image{
    vertical-align: top;
}
table.wc-block-cart-items td.wc-block-cart-item__total {
    padding-right: 24px !important;
}
.woocommerce-cart .wc-block-grid__product-title{
    font-size: 16px !important;
    color: #0F172A !important;
    font-weight: 700;
    margin: 8px 0 8px !important;
    line-height: 26px;
}
.woocommerce-cart .wc-block-grid__product-image img, .woocommerce-cart .wc-block-grid__product-image{
    margin: 0 !important;
}
.wc-block-grid__product-add-to-cart, .wc-block-grid__product-add-to-cart a{
	width: 100%;
    max-width: 100%;
    display: block !important;
    margin-top: 15px !important;
}
.woocommerce-cart .wc-block-grid__product-rating {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #a9a9a9;
    border-radius: 4px;
    padding: 1px 5px 2px;
}

/* Ensure consistent styling across pages */
.cart .quantity,
.single-product .quantity,
.woocommerce-cart .quantity {
    border-color: #cbd5e1 !important;
}
/* checkout */
.woocommerce-checkout main{
    max-width: 1340px;
    padding: 0 30px;
    margin: auto;
}
.woocommerce-checkout .wc-block-components-checkout-step {
    padding: 32px !important;
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
h2.wc-block-components-checkout-step__title {
    color: #0A3A2A;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    position: relative;
}
.wc-block-components-checkout-step__heading-container{
    margin-bottom: 24px !important;
}
.wc-block-components-text-input {
    display: flex;
    flex-direction: column-reverse;
}
.wp-block-woocommerce-checkout-shipping-method-block, .wp-block-woocommerce-checkout-pickup-options-block {
    display: none;
}
.wc-block-components-text-input label, .wc-blocks-components-select__container label {
    position: unset !important;
    transform: unset !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #64748B !important;
    margin-bottom: 6px !important;
    display: block !important;
}


h2.wc-block-components-checkout-step__title:before {
    content: "";
    width: 32px;
    height: 32px;
    background: #0A3A2A;
    border-radius: 50%;
    display: inline-flex;
    margin-right: 10px;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}
.wp-block-woocommerce-checkout-contact-information-block h2.wc-block-components-checkout-step__title:before{
    content: "1";
}
.wc-block-checkout__shipping-fields h2.wc-block-components-checkout-step__title:before{
    content: "2";
}
.wc-block-checkout__billing-fields h2.wc-block-components-checkout-step__title:before{
    content: "3";
}
.wc-block-checkout__shipping-option h2.wc-block-components-checkout-step__title:before{
    content: "4";
}
.wc-block-checkout__payment-method h2.wc-block-components-checkout-step__title:before{
    content: "5";
}
.wc-block-components-text-input input{
        padding: 15px !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
}
.wc-blocks-components-select__select{
            padding: 15px !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
}
.wc-block-components-form .wc-block-components-checkout-step{
    margin-bottom: 32px !important;
}
.wc-blocks-components-select .wc-blocks-components-select__expand {
    top: 67% !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
    border-radius: 10px !important;
    border-color: #e2e8f0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 32px;
    border-radius: 12px !important;
}
span.wc-block-components-checkbox__label {
    color: #475569;
    font-size: 15px;
    font-weight: 400;
}
.wc-block-components-checkbox__input{
    outline: 0 !important;
}
label.wc-block-components-radio-control__option {
    padding-block: 24px !important;
    box-shadow: inset 0 0 0 1.5px #ccc !important;
    border-radius: 8px !important;
    background-color: transparent !important;
}
label.wc-block-components-radio-control__option:hover{
    background-color: #f8fafc !important;
}
label.wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked{
        box-shadow: inset 0 0 0 1.5px #0a3a2a !important;
        background-color: #f8fafc !important;

}
.wc-block-components-radio-control__input{
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.wc-block-components-radio-control__label, .wc-block-components-formatted-money-amount {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px;
    color: #334155 !important;
}
.wc-block-components-radio-control__option input{
    outline: 0 !important;
}
.wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-radio-control__label, .wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-formatted-money-amount {
    color: #0A3A2A !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option {
    box-shadow: none !important;
}
.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--last-selected:after{
    border: 0 !important;
}
.p-HeightObserver div {
    color: #0a3a2a !important;
    font-size: 16px;
}

.p-PaymentAccordionButtonIcon {
    max-width: 100px !important;
    height: 30px;
    fill: #144232;
}
.wc-block-components-payment-methods__save-card-info {
    padding-top: 15px;
}
div#radio-control-wc-payment-method-options-stripe__content {
    padding-bottom: 0 !important;
}
.wp-block-woocommerce-checkout-terms-block span {
    color: #64748B !important;
    font-size: 16px;
    width: 100%;
    display: block;
    line-height: 1.7;
}
.wp-block-woocommerce-checkout-totals-block {
    padding-left: 0 !important;
    background-color: white;
    position: unset !important;
}
.wc-block-components-order-summary-item {
    padding-bottom: 32px !important;
}
.wc-block-components-order-summary-item:not(:last-child) {
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 32px !important;
}
.wc-block-components-totals-item {
    padding-inline: 0 !important;
}
.wc-block-components-totals-coupon__button {
    font-size: 13px !important;
    letter-spacing: 0 !important;
    padding-block: 13px !important;
    height: auto !important;
    min-height: auto !important;
}
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item__label {
    font-size: 14px !important;
    color: #64748B;
}
.wc-block-components-totals-item__value {
    font-size: 14px !important;
    color: #334155 !important;
}
.wc-block-components-totals-footer-item{
    margin-top: 15px !important;
}
.wc-block-components-checkout-place-order-button {
    border-radius: 8px !important;
    padding: 25px 20px !important;
    max-width: 350px !important;
    width: 90% !important;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 18px !important;
    box-shadow: none !important;
}

 
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 18px !important;
    font-weight: 700;
}

.wc-block-components-totals-footer-item-tax-value {
    font-size: 30px !important;
    color: #0c4a34 !important;
}
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item){
    padding-bottom: 0 !important;
}


p.wc-block-components-checkout-order-summary__title-text {
    margin: 0 0 24px 0 !important;
    font-size: 20px !important;
    text-transform: capitalize !important;
    color: #0A3A2A !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 16px;
}
.wc-block-components-checkout-order-summary__title{
    margin: 0 !important;
}
.wc-block-components-order-summary-item__image {
    width: 96px !important;
    min-width: 96px;
}
.wc-block-components-order-summary-item__image > img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 8px !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
    display: none;
}
.wc-block-components-order-summary {
    padding: 0 !important;
}
.woocommerce-checkout .wc-block-components-product-metadata__description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    background: #f8fafc;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    margin: 16px 0 !important;
}
.wp-block-woocommerce-checkout-order-summary-totals-block{
    border: 0px !important;
}
.wc-block-components-totals-coupon__form{
    align-items: end !important;
}
.wc-block-components-totals-coupon__input label {
    display: none !important;
}
.woocommerce-checkout h1.entry-title {
    display: none;
}
a.wc-block-checkout__login-prompt {
    background: #e9efec !important;
    padding: 7px 10px;
    border-radius: 7px;
    text-decoration: none !important;
    font-size: 16px !important;
    position: relative;
    font-weight: 700 !important;
}
button.wpr-offcanvas-trigger {
    box-shadow: none !important;
}
@media (max-width:1024px) {
    .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin: 0 !important;
}
	.ast-scroll-to-top-right {
        bottom: 95px;
    }
}
@media (max-width:767px){
    .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
        position: absolute;
        right: 0;
        top: 29px;
        font-size: 11px !important;
        padding: 3px 8px !important;
    }
    .review-header, .single-product .reviewer-profile {
        gap: 5px !important;
        align-items: center;
    }

    .profile-icon{
        width: 30px !important;
        height: 30px !important;
        font-size: 11px !important;
    }
    .woocommerce-MyAccount-navigation ul{
        margin-left: 0 !important;
    }
    .woocommerce-checkout main{
        padding-inline: 20px !important;
    }
    .woocommerce-checkout .wc-block-components-checkout-step {
        padding: 15px !important;
    }
    .wp-block-woocommerce-checkout-order-summary-block {
        padding: 15px;
    }
    .wc-block-components-sidebar-layout {
        flex-direction: column-reverse !important;
        margin-bottom: 0 !important;
    }
   .woocommerce-cart .wc-block-components-sidebar-layout {
        flex-direction: column !important;
    }
    h2.wc-block-components-checkout-step__title:before {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }
    h2.wc-block-components-checkout-step__title {
        font-size: 18px !important;
    }
    .woocommerce-checkout main input:not([type="radio"]):not([type="checkbox"]),
    .woocommerce-checkout main select {
        font-size: 12px !important;
        padding: 10px !important;
        height: 40px !important;
    }
    label.wc-block-components-radio-control__option {
        padding: 15px 10px 15px 45px !important;
    }

    .wc-block-components-radio-control__label, .wc-block-components-formatted-money-amount {
        font-size: 13px !important;
    }
    .wc-block-components-checkout-step__heading-container {
        margin-bottom: 15px !important;
    }
    span.wc-block-components-checkbox__label {
        font-size: 14px !important;
    }
    .wp-block-woocommerce-checkout-terms-block span {
        font-size: 13px;
        width: 100%;
    }
    .wc-block-checkout__actions h2:before{
        display: none !important;
    }
    .wc-block-components-order-summary-item__image {
        width: 80px !important;
        min-width: 80px;
    }
    .wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill {
        border: 0 !important;
    }
    .wc-block-components-order-summary-item:not(:last-child) {
        margin-bottom: 15px !important;
    }
    .wc-block-components-order-summary-item {
        padding-bottom: 15px !important;
    }
    .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
        margin-top: 0 !important; 
    }
    .wc-block-components-totals-item.wc-block-components-totals-footer-item{
        padding: 0 !important;
    }
    .wp-block-woocommerce-checkout-order-summary-block {
        padding: 15px;
        margin-bottom: 35px;
    }
    .wc-block-components-product-name, .wc-block-components-product-price__value {
        font-size: 15px !important;
    }
    .wc-block-components-radio-control__label, .wc-block-components-formatted-money-amount {
        font-size: 13px !important;
    }
    p.wc-block-components-checkout-order-summary__title-text {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .wc-block-components-checkout-order-summary__title-price {
        color: #0c4a34 !important;
    }
    .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{
        border: 0 !important;
    }
    .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky {
        display: none !important;
    }
    span.wc-block-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
        font-size: 24px !important;
    }
    a.woocommerce-button.button {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
}
/* thank you page */
.thanks-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    gap: 15px;
}
.woocommerce-checkout:has(.wp-block-woocommerce-checkout-order-summary-block) .thanks-heading{
    display: none !important;
}
.thanks-heading img{
    max-width: 100px;
}
.thanks-heading h1{
    font-size: 48px;
    margin-bottom: 0px;
    color: #0B3D2E;
    font-weight: 700;
}
.woocommerce-order-received .woocommerce-notice {
    margin: 0 !important;
    padding: 13px 0 40px !important;
}
.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: transparent;
    border: 0;
    text-align: center;
    color: #64748B;
    font-size: 18px;
}
ul.woocommerce-order-overview {
    margin: 0;
    padding: 10px;
    border: 1px solid #E5E7EB;
    padding: 0 16px;
    border-radius: 12px;
    background-color: white;
    display: flex;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
ul.woocommerce-order-overview li {
    padding-block: 24px;
    font-weight: 600;
    font-size: 12px !important;
    color: #6B7280 !important;
    width: 100%;
    letter-spacing: 0.5px !important;
}
.woocommerce-js ul.order_details li strong {
    font-size: 14px;
    font-weight: 700;
    color: #111827 !important;
    margin-top: 4px;
}
ul.woocommerce-order-overview li:not(:last-child){
    border-right: 1px solid #E5E7EB !important;
}
.total strong bdi{
    color: #008A1E !important;
    font-size: 18px !important;
}
.woocommerce-order h2 {
    font-size: 20px !important;
    color: #0E1B14;
    background: transparent !important;
    border: 0 !important;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 16px !important;
}
.woocommerce-order h2:before{
    content: '';
    width: 40px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}
.woocommerce-order-details__title:before{
    background-image: url(/wp-content/uploads/2026/02/order-icon.png);

}
.woocommerce-column--billing-address h2:before{
    background-image: url(/wp-content/uploads/2026/02/home.png);
    height: 20px;

}
.woocommerce-column--shipping-address h2:before{
    background-image: url(/wp-content/uploads/2026/02/truck.png);

}
@media (min-width:767px) and (max-width: 1024px) {
    .email strong {
        word-break: break-all;
    }
    .woocommerce-column--shipping-address {
        margin-top: 25px;
    }
    .thanks-heading h1 {
    font-size: 30px;
    text-align: center;
}
}
@media (max-width:767px) {
    .thanks-heading h1 {
        font-size: 24px;
    }
    .woocommerce-notice--success.woocommerce-thankyou-order-received {
        font-size: 16px;
        margin: 0;
    }
    ul.woocommerce-order-overview {
        flex-direction: column;
        gap: 0 !important;
        padding-bottom: 22px;
    }
    .woocommerce-js ul.order_details li {
        padding: 22px 0 0;
        margin: 0 !important;
        border: 0 !important;
    }
        .woocommerce-column--shipping-address {
        margin-top: 25px;
    }
   .woocommerce-order tbody tr, .woocommerce-order tfoot tr {
        display: flex;
        flex-direction: column;
        text-align: left;
        
        width: 100%;
    }
    .woocommerce-order table td, .woocommerce-order table th{
        width: 100% !important;
        padding: 6px 15px !important;
        text-align: start !important;
    }
     .woocommerce-order thead{
        display: none;
     }
     .woocommerce-order table tr > *:first-child{
        border: 0 !important;
     }
     .woocommerce-order{
        width: 100%;
     }
     .woocommerce-order-actions {
        flex-direction: column;
    }
    .woocommerce-table--order-details.shop_table.order_details {
        padding-block: 10px;
    }
        table.woocommerce-table td, table.woocommerce-table th {
        font-size: 14px !important;
    }
}
.woocommerce-message, .woocommerce-notice--success{
    border-radius: 12px;
    margin-top: 20px;
    outline: 0 !important;
}
.woocommerce-message:before{
    display: none;
}
.woocommerce-message {
    flex-direction: row !important;
}
.wc-block-components-totals-item {
    align-items: flex-start;
}
.wc-block-components-totals-shipping span.wc-block-components-totals-item__label {
    width: 70%;
}
ul.wc-block-components-totals-discount__coupon-list {
    padding: 0;
} 
.wc-block-checkout__add-note textarea {
    border-radius: 10px;
}
.wc-block-components-totals-shipping .wc-block-components-totals-item__label {
    padding-right: 30px;
}
a.woocommerce-button.button.invoice {
    border-radius: 12px;
}
.woocommerce-orders 
/**
 * 404 Page
 * Golf themed 404 error page
 */
 
.page-404-container {
    background-color: #f8fafc;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    width: 100%;

}
 
.page-404-content {
    max-width: 700px;
    width: 100%;
    text-align: center;
}
 
.page-404-heading h1 {
    font-size: 120px;
    font-weight: 900;
    color: #003a3a;
    margin: 0;
    line-height: 1;
    font-family: "Sora", sans-serif;
}
 
.page-404-heading h2 {
    font-size: 32px;
    font-weight: 700;
    color: #003a3a;
    margin: 20px 0 0 0;
    font-family: "Sora", sans-serif;
}
 
.page-404-description {
    margin: 30px 0;
}
 
.page-404-description p {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}
 
.page-404-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 40px 0;
}
 
.page-404-buttons .button {
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-family: "Sora", sans-serif;
    display: inline-block;
    letter-spacing: 0.5px;
}
 
.page-404-buttons .button-primary {
    background-color: #003a3a;
    color: white;
}
 
.page-404-buttons .button-primary:hover {
    background-color: #005252;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 58, 58, 0.2);
}
 
.page-404-buttons .button-secondary {
    background-color: transparent;
    color: #003a3a;
    border: 2px solid #003a3a;
}
 
.page-404-buttons .button-secondary:hover {
    background-color: #003a3a;
    color: white;
    transform: translateY(-2px);
}

.reg-field-error {
    color: red;
}
 
@media (max-width: 768px) {
    .page-404-heading h1 {
        font-size: 80px;
    }
 
    .page-404-heading h2 {
        font-size: 24px;
    }
 
    .page-404-description p {
        font-size: 16px;
    }
 
    .page-404-buttons .button {
        padding: 12px 30px;
        font-size: 14px;
        width: 100%;
    }
}
.wc-block-components-address-card {
    background: #f8fafc;
    border-color: #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px;
}
.wc-block-components-address-card:hover, span.wc-block-components-address-card__edit:hover { 
    border-color: #0a3a2a !important;
}
span.wc-block-components-address-card__edit {
    color: #1E293B;
    text-transform: uppercase;
    background: #E2E8F0;
    text-decoration: none !important;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    font-weight: 600;
}
/* td.woocommerce-table__product-name.product-name, td.woocommerce-table__product-name.product-name a {
    color: #008a1e;
} */
.wc-block-components-checkout-step__content .wc-block-components-radio-control {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.woocommerce-checkout .wc-block-components-product-metadata__description, .woocommerce-cart .wc-block-components-product-metadata__description {
    display: none;
}
.reg-password-input-wrap,
.login-password-input-wrap {
    position: relative;
}
.reg-password-input-wrap button.reg-toggle-password,
.login-password-input-wrap button.login-toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: #1e563d !important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 5px 6px 3px 6px !important;
    cursor: pointer;
    border: none;
}
.reg-password-input-wrap button.reg-toggle-password svg,
.login-password-input-wrap button.login-toggle-password svg {
    color: white !important;
}
ul#password-requirements {
    font-size: 14px;
    margin: 6px 0 0 10px;
    line-height: 1.5;
    list-style: none;
}
.reg-strength-meter, .reg-match-indicator  {
    margin-top: 10px;
    font-size: 14px;
}
ul.woocommerce-error {
    margin-bottom: 5px !important;
    font-size: 13px;
}
.woocommerce-MyAccount-content input, .woocommerce-MyAccount-content select {
    border-radius: 8px !important;
}
button.show-password-input {
    background: #0c4a34 !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white !important;
    box-shadow: none !important;
    font-size: 14px;
    padding: 1px !important;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 49%;
}
body.woocommerce-account.woocommerce-lost-password .woocommerce {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 90%;
    background: #ffffff;
    margin: 30px auto 30px;
    padding: 30px;
    gap: 0;
    border: 1px solid #e2e8f0 !important;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.woocommerce-lost-password h1.woocommerce-lost-password-title {
    margin: 0 0 15px;
    color: #0c4a34;
    font-size: 30px;
}
.woocommerce-lost-password .woocommerce-notices-wrapper {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-lost-password form.woocommerce-ResetPassword.lost_reset_password p {
    width: 100%;
}
form.woocommerce-ResetPassword.lost_reset_password p {
    font-size: 14px;
    line-height: 1.4;
}
.woocommerce-lost-password .ast-container{
    display: flex !important;
    align-items: center; 
    min-height: 600px;
}
form.woocommerce-ResetPassword.lost_reset_password p label{
    text-align: left;
}
form.woocommerce-ResetPassword.lost_reset_password p input{
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
}
.woocommerce-lost-password input#user_login:focus {
    border-color: #0c4a34 !important;
}
.woocommerce-lost-password ul.woocommerce-error li {
    margin-right: auto !important;
    padding-left: 25px !important;
}
.woocommerce-lost-password .woocommerce-message {
    min-height: auto !important;
    padding: 10px !important;
}
ul.woocommerce-error {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding-left: 40px;
}
form.woocommerce-ResetPassword.lost_reset_password {
    width: 100%;
}
@media (max-width:767px) {
    body.woocommerce-account.woocommerce-lost-password .woocommerce{
        padding: 15px !important;
    }
    .woocommerce-lost-password h1.woocommerce-lost-password-title {
        font-size: 24px;
    }
    nav.woocommerce-MyAccount-navigation{
        width: 100vw !important;
        padding-inline: 20px;
    }
    .woocommerce-form-row label {
        margin-bottom: 4px;
        font-size: 13px !important;
    }
    .woocommerce-form-row {
        margin-bottom: 12px;
    }
    ul#password-requirements {
        font-size: 12px;
        margin-top: 5px;
    }
    .woocommerce-account footer {
        padding-bottom: 70px;
    }
    .wc-block-cart__sidebar{
        position: unset !important;
        padding: 15px !important;
    }
    .wc-block-cart__submit {
        padding-top: 15px;
    }
    .wp-block-woocommerce-cart {
        container-type: normal !important;
    }
    tr.wc-block-cart-items__row{
        display: block !important;
    }
    .wc-block-components-quantity-selector{
        width: 85px !important;
    }
    .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
        min-width: 25px !important;
    }
    body.woocommerce-account.woocommerce-lost-password .woocommerce {
        margin-top: 25%;
    }
    ul.woocommerce-error li {
    margin-right: auto !important;
}
}
.error404 .ast-container {
    justify-content: center;
    padding: 50px 0 !important;
}
.woocommerce-product-details__short-description li {
    display: flex;
}
span.woocommerce-review__verified-badge {
    background: #0c4a34;
    color: white;
    padding: 2px 4px;
    font-size: 10px;
    border-radius: 10px;
    margin-left: 4px;
    display: inline-block;
}
.woocommerce-form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    margin-bottom: 0;
}
@media (min-width:767px) and (max-width: 800px) {
    .woocommerce-MyAccount-navigation ul{
        justify-content: center !important;
    }
}