.elementor-9 .elementor-element.elementor-element-1110e0f{--display:flex;--padding-top:16px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-9 .elementor-element.elementor-element-36ef321{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:0.75;--border-radius:24px 24px 24px 24px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-36ef321:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-36ef321 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nachelicopterscapetown.com/wp-content/uploads/2026/01/aerial-coastal-view-of-cape-town-south-africa-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-36ef321::before, .elementor-9 .elementor-element.elementor-element-36ef321 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-36ef321 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-36ef321 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-36ef321 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-36ef321 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-primary ) 80%);}.elementor-9 .elementor-element.elementor-element-7d20417{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-25b2104 .elementor-heading-title{color:var( --e-global-color-7190a50 );}.elementor-9 .elementor-element.elementor-element-f15a693{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-1110e0f{--width:2000px;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-36ef321{--min-height:350px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-36ef321{--min-height:300px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-df1b9f8 *//* --- My Account Page Styling --- */

/* 1. Navigation Menu Container */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: #f9fcfd; /* Very subtle blue-grey background */
    border-radius: 20px;       /* Rounded container */
    padding: 20px;
    border: 1px solid #007C96; /* Lighter blue border */
}

/* 2. Navigation Links */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0; /* Faint separator line */
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Link Styling */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    color: #004159 !important; /* Dark Blue Text */
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 10px; /* Slight rounding on hover/active items */
}

/* Hover State */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #e6f7fa; /* Very light blue tint */
    color: #007C96 !important; /* Lighter Blue Text */
    padding-left: 20px;        /* Subtle shift effect */
}

/* Active State (Current Page) */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #004159 !important; /* Dark Blue Background */
    color: #ffffff !important;            /* White Text */
    font-weight: 600;
}

/* --- 3. Content Area (Right Side) --- */

/* Welcome Message Text */
.woocommerce-account .woocommerce-MyAccount-content p {
    color: #004159 !important;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Links inside the content text (e.g. "recent orders", "Log out") */
.woocommerce-account .woocommerce-MyAccount-content a {
    color: #007C96 !important; /* Lighter Blue for inline links */
    text-decoration: underline;
    font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: #004159 !important;
    text-decoration: none;
}

/* Notification/Messages (e.g. "Order received") */
.woocommerce-account .woocommerce-message, 
.woocommerce-account .woocommerce-info {
    background-color: #004159 !important;
    color: #ffffff !important;
    border-top: 3px solid #007C96 !important;
    border-radius: 5px; /* Slight rounding */
}
.woocommerce-account .woocommerce-message::before, 
.woocommerce-account .woocommerce-info::before {
    color: #ffffff !important;
}

/* Buttons in Content (e.g. "View Order") */
.woocommerce-account .woocommerce-MyAccount-content .button {
    background-color: #004159 !important;
    color: #ffffff !important;
    border-radius: 20px !important; /* Rounded Buttons */
    padding: 10px 20px !important;
    font-size: 14px !important;
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    background-color: #002a3a !important;
}

/* Addresses Section Titles */
.woocommerce-account h2, 
.woocommerce-account h3 {
    color: #004159 !important;
    font-size: 22px !important;
    border-bottom: 2px solid #007C96 !important;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Address Box Styling */
.woocommerce-account address {
    border: 1px dashed #007C96 !important;
    padding: 20px;
    border-radius: 10px;
    color: #004159 !important;
    font-style: normal;
    background-color: #fcfcfc;
}/* End custom CSS */