/*
Theme Name:   EscortWP Child
Theme URI:    http://example.com/escortwp-child/
Description:  EscortWP Child Theme
Author:       Em
Author URI:   https://em.is-a.dev
Template:     escortwp
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  escortwp-child
*/

/*--------------------------------------------------------------
## Premium Black Tie Overrides
--------------------------------------------------------------*/

/* ---- 1. Backgrounds ---- */
/* Main background */
body {
    background: #222222;
    color: #CCCCCC; /* Light Grey body text */
}

/* Content containers */
.bodybox,
.sidebar-left .countries,
.widgetbox-wrapper,
.girlsingle .girlinfo .girlinfo-section,
.girlsingle .aboutme,
.girlsingle .review-wrapper,
.header-top-bar .header-nav .header-menu ul {
    background-color: #2E2E2E;
    border-bottom-color: #444444;
}

/* Header and Slider */
.header-top-bar {
    background: #2E2E2E;
}
.sliderall {
    background: #222222;
    background-image: none;
}
.slider .slide .girlimg {
    background: #2E2E2E;
}


/* ---- 2. Text ---- */
/* Headings */
h1, h2, h3, h4, h5, h6,
.bodybox h3,
.bodybox .settingspagetitle,
.girlsingle .profile-title,
.girlsingle .agency-profile .profile-header .profile-title,
.girlsingle h4, .girlsingle .aboutme h4, .clientreviewtext h4 {
    color: #FFFFFF;
}

/* Body text */
.girlsingle {
    color: #CCCCCC;
}

/* ---- 3. Primary Accents (Mustard Gold: #F5A623) ---- */
/* Links */
a,
.sidebar-left .country-list a,
.girlsingle a,
.pagedesign a {
    color: #F5A623;
}

/* Buttons and Active States */
.pinkbutton, .pinkdegrade,
.header-top-bar .subnav-menu li.subnav-menu-btn a,
.header-top-bar .header-nav .header-menu li a:hover,
.header-top-bar .header-nav .header-menu li.current_page_item a,
.sidebar-right .quicksearch.rad25,
.girl .thumb:hover {
    background: #F5A623;
    border-color: #F5A623;
    color: #222222;
}

/* Specific UI Elements */
.bodybox h3,
.bodybox .settingspagetitle,
.girlsingle h4,
.girlsingle .aboutme h4,
.clientreviewtext h4 {
    border-left-color: #F5A623;
    color: #FFFFFF; /* Ensure heading text is white */
}

.girlsingle .profile-header .phone-box a,
.girlsingle .profile-header .profile-header-name-info .section-box .valuecolumn,
.girlinfo .section-box b {
    color: #F5A623;
}

.girl .desc {
    background: rgba(245, 166, 35, 0.8);
}
.girl a .desc .girl-name {
    color: #222222;
    text-shadow: none;
}

/* ---- 4. Secondary Accents (Pale Gold: #FFC857) ---- */
/* Hover states */
a:hover,
.sidebar-left .country-list a:hover,
.girlsingle a:hover,
.pagedesign a:hover {
    color: #FFC857;
}

.pinkbutton:hover,
.header-top-bar .subnav-menu li.subnav-menu-btn a:hover {
    background: #FFC857;
    color: #222222;
}


.girl a:hover .desc {
    background: rgba(255, 200, 87, 0.9);
}

/* ---- 5. Resetting Borders ---- */
.body {
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
}
.form-styling .form-input .input,
.form-styling .form-input .textarea,
.form-styling .form-input select, .ui-datepicker select {
    background-color: #FFF;
    border: 1px solid #F5A623;
    color: #2C3E50;
}

/* these Changes below could be removed */

/* 1. Fix Slider 'Pink Fog' */
/*.slider .slide .girlinfo .modelinfo {
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 100%); /* Transparent to Dark Charcoal */
}
.slider .slide .girlimg:hover .girlinfo .modelinfo {
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.9) 100%); /* Transparent to Dark Charcoal on hover */
}

/* 2. Fix Placeholder Text */
.form-styling .form-label small,
.form-styling .form-input small,
.footer .placeholder-widgettext {
    color: #CCCCCC; /* Light Grey */
}

/* Ensure specific elements that were pink are now gold or white */
.girlsingle .profile-page-no-media p u {
    color: #F5A623; /* Mustard Gold */
}
.girlsingle .profile-page-no-media .icon {
    color: #F5A623; /* Mustard Gold */
}

/* Main Changes Start Here */

/*--------------------------------------------------------------
## 1. Slider Arrow Customization (Icon Only)
--------------------------------------------------------------*/

.slider .owl-nav .owl-prev,
.slider .owl-nav .owl-next {
    /* Base State: Pure Icon (Transparent background, Gold color) */
    background-color: transparent !important;
    border: none !important;
    color: #F5A623 !important; /* Gold Arrow Icon */
    box-shadow: none !important; /* Ensure no box shadow in base state */
    transition: all 0.3s ease;
}

/* Hover State: Icon darkens, no box, no outline */
.slider .owl-nav .owl-next:hover,
.slider .owl-nav .owl-prev:hover {
    background-color: transparent !important;
    color: #222222 !important; /* Arrow darkens (Charcoal) for visual feedback */
    border: none !important; /* Explicitly remove any border on hover */
    text-shadow: none !important; /* Explicitly remove any text shadow on hover */
    box-shadow: none !important; /* Explicitly remove any box shadow on hover */
}

/*--------------------------------------------------------------
## Pagination Customization
--------------------------------------------------------------*/

/* Normal state for pagination links */
.escort-pagination li a {
    background: #F5A623 !important; /* Mustard Gold background */
    /* Remove gradients if present, or update them to gold tones */
    background-image: none !important;
    color: #222222 !important; /* Dark Charcoal text for contrast */
}

/* Hover state for pagination links */
.escort-pagination li a:hover {
    background: #FFC857 !important; /* Pale Gold on hover */
    background-image: none !important;
    color: #222222 !important; /* Dark Charcoal text on hover */
}

/* Current page pagination item */
.escort-pagination li span.current {
    background: #2E2E2E !important; /* Light Charcoal background for current page */
    color: #F5A623 !important; /* Mustard Gold text for current page */
    border: 1px solid #F5A623 !important; /* Mustard Gold border for current page */
}

/*--------------------------------------------------------------
## Placeholder Text Customization
--------------------------------------------------------------*/

.form-styling .form-label small,
.form-styling .form-input small,
.footer .placeholder-widgettext {
    color: #F5A623 !important; /* Mustard Gold */
}

/*--------------------------------------------------------------
## All Escorts Page Placeholder Text Customization
--------------------------------------------------------------*/

/* Targeting the 'Add some text here' link on the all-escorts page */
.post-edit-link,
.post-edit-link a {
    color: #F5A623 !important; /* Mustard Gold for both normal and hover states */
}

/*--------------------------------------------------------------
## Profile Page Link & Icon Customization
--------------------------------------------------------------*/

/* Target all links within the main profile content areas */
.girlsingle .aboutme a,
.girlsingle .contact a,
.girlsingle .girlinfo a {
    color: #F5A623 !important; /* Mustard Gold */
}

/* Target specific icons on the profile page */
.girlsingle .profile-header .phone-box .icon,
.girlsingle .girlinfo .services .icon-ok,
.girlsingle .lockedsection .icon-lock {
    color: #F5A623 !important; /* Mustard Gold */
}

/* Target hover states to ensure they are also gold */
.girlsingle .aboutme a:hover,
.girlsingle .contact a:hover,
.girlsingle .girlinfo a:hover {
    color: #FFC857 !important; /* Pale Gold on hover */
}

/* 1. Fix "Review the agency" text visibility */
/* The button itself is already gold from previous overrides, so we target the text color */
.reviewthegency {
    color: #222222 !important; /* Dark Charcoal text for visibility on gold button */
}

/* 2. Fix Telephone number hover color */
.girlsingle .profile-header .phone-box a:hover {
    color: #FFC857 !important; /* Pale Gold on hover */
}

/*--------------------------------------------------------------
## Rates Table Incall/Outcall Header Customization
--------------------------------------------------------------*/

.girlsingle .rates-table th.hide-incall,
.girlsingle .rates-table th.hide-outcall {
    background: #F5A623 !important; /* Mustard Gold background */
    color: #222222 !important; /* Dark Charcoal text */
}

/*--------------------------------------------------------------
## Profile Viewed Counter Customization
--------------------------------------------------------------*/

.girlsingle .visitor-counter {
    color: #F5A623 !important; /* Mustard Gold for "profile viewed" text */
}

.girlsingle .visitor-counter .count {
    background: #F5A623 !important; /* Mustard Gold background for the count number */
    color: #222222 !important; /* Dark Charcoal text for the count number */
    text-shadow: 1px 1px #222222 !important; /* Dark Charcoal text shadow for depth */
}

/*--------------------------------------------------------------
## Max Upload Images/Videos Count Customization
--------------------------------------------------------------*/

.girlsingle .max-photos b,
.girlsingle .max-videos b {
    background: #F5A623 !important; /* Mustard Gold background */
    color: #222222 !important; /* Dark Charcoal text */
}

/* Also ensure the hover state for this dashed border is gold */
.girlsingle .profile-page-no-media:hover {
    border-color: #F5A623 !important; /* Mustard Gold on hover */
}

/*--------------------------------------------------------------
## Menu Icons Hover Customization
--------------------------------------------------------------*/

/* Change hover background for general menu icons */
.header-top-bar .subnav-menu li.subnav-menu-icon a:hover {
    background: #F5A623 !important; /* Mustard Gold background on hover */
    color: #222222 !important; /* Dark Charcoal icon color on hover for contrast */
}

/*--------------------------------------------------------------
## Single Agency Profile Customization
--------------------------------------------------------------*/

/* Agency Name */
.agency-profile .profile-title {
    color: #F5A623 !important; /* Mustard Gold */
}

/* "AGENCY REVIEWS" text */
.agency-reviews-bodybox h4 {
    color: #F5A623 !important; /* Mustard Gold */
    border-left-color: #F5A623 !important; /* Also update the border if it's pink */
}

/*--------------------------------------------------------------
## Slider Model Info Hover Customization
--------------------------------------------------------------*/

/* Base style for the model info block */
.slider .slide .girlinfo .modelinfo {
    padding: 5px;
    display: block;
    width: 100%;
    background: rgba(245, 166, 35, 0.8); /* Mustard Gold with transparency */
    color: #222222; /* Dark Charcoal text */
}

/* Hover state for the entire slide, ensuring the model info background changes */
.slider .slide:hover .girlinfo .modelinfo {
    background: #FFC857 !important; /* Pale Gold on hover */
    color: #222222 !important; /* Dark Charcoal text on hover */
}

/*--------------------------------------------------------------
## Model's Name Font
--------------------------------------------------------------*/

.girl .desc .girl-desc-location {
    color: #222222;
    font-size: .9em;
}

/*--------------------------------------------------------------
## Content Settings Page - Front Page Content Section Text Darkening
--------------------------------------------------------------*/

.form-styling fieldset.fieldset legend {
    color: #F5A623 !important; /* Mustard Gold for the legend title */
}

/* Target all labels and text within the fieldset for darkening */
.form-styling fieldset.fieldset .form-label label,
.form-styling fieldset.fieldset .form-input,
.form-styling fieldset.fieldset .form-input label,
.form-styling fieldset.fieldset .form-input small {
    color: #222222 !important; /* Dark Charcoal for all text */
}

/*--------------------------------------------------------------
## Edit Registration Form Fields Page - Text Darkening
--------------------------------------------------------------*/

.editregfields td.alignleft {
    color: #222222 !important; /* Dark Charcoal for the field names */
}

/* Also ensure the table headers are dark for consistency */
.editregfields th {
    color: #222222 !important; /* Dark Charcoal for table headers */
}

/*--------------------------------------------------------------
## Edit Registration Form Fields Page - "YES/NO" Text Darkening
--------------------------------------------------------------*/

/* Target all td elements within the table that are not 'alignleft' */
.editregfields td:not(.alignleft) {
    color: #222222 !important; /* Dark Charcoal for "YES" and "NO" text */
}

/*--------------------------------------------------------------
## Payment Settings
--------------------------------------------------------------*/

.payment-settings-page .fieldset legend {
    color: #222222
}

/*--------------------------------------------------------------
## Edit Registration Form Fields Page - Striped Rows Background
--------------------------------------------------------------*/

/* Target table rows that do NOT have the 'blip' class (these are the pink ones) */
.editregfields tr:not(.blip) {
    background-color: #F5A623 !important; /* Mustard Gold background */
}

/* Ensure 'blip' rows remain white (or their default background) */
.editregfields tr.blip {
    background-color: #FFFFFF !important; /* Explicitly set to White */
}

/*--------------------------------------------------------------
## Classifieds Page
--------------------------------------------------------------*/

.listagencies .trhead th {
    background-color: #F5A623
}

.listagencies .agencytr td a {
    color: #E0006C;
    font-weight: bold;
}

/*--------------------------------------------------------------
## Classified Ads Page Customization
--------------------------------------------------------------*/

/* Table header background */
.listagencies .trhead {
    background: #F5A623 !important; /* Mustard Gold background */
}

/* Table header text */
.listagencies .trhead th {
    color: #222222 !important; /* Dark Charcoal text */
}

/* Ad title links in the table */
.listagencies .agencytr td a {
    color: #F5A623 !important; /* Mustard Gold for ad titles */
}

/* Faint text in the table (Type and Date) */
.listagencies .agencytr td {
    color: #222222 !important; /* Dark Charcoal for better visibility */
}

/* "Add a classified ad" and "Your classified ads" titles */
.bodybox h3 {
    color: #F5A623 !important; /* Mustard Gold for page titles */
}

/*--------------------------------------------------------------
## Quick Search Sidebar Customization (Corrected)
--------------------------------------------------------------*/

/* Background of the entire Quick Search section */
.sidebar-right .quicksearch {
    background-color: #F5A623 !important; /* Mustard Gold background */
}

.blueishbutton {
    background: #eff8ff;
    color: #F5A623;
}

/* Hover state for the Search button */
.sidebar-right .quicksearch .submit-button.blueishbutton:hover {
    background-color: #fa9b1b !important; /* Mustard Gold background on hover */
    color: #222222 !important; /* Dark Charcoal text on hover */
}

/*--------------------------------------------------------------
## Main Menu - Escorts Dropdown Hover Customization
--------------------------------------------------------------*/

/* Target the hover state of links within the main header menu dropdowns */
.header-nav .header-menu ul li a:hover {
    background-color: #F5A623 !important; /* Mustard Gold background on hover */
    color: #222222 !important; /* Dark Charcoal text on hover */
}

/*--------------------------------------------------------------
## TOS Disclaimer Text Darkening
--------------------------------------------------------------*/

.tosdisclaimer-wrapper .tosdisclaimer p,
.tosdisclaimer-wrapper .tosdisclaimer p b {
    color: #222222 !important; /* Super dark charcoal for all consent text */
}

/* Also ensure the main title is dark */
.tosdisclaimer-wrapper .tosdisclaimer h4 {
    color: #222222 !important; /* Super dark charcoal for the title */
}

/*--------------------------------------------------------------
## Create an Account Page - User Type Titles Darkening
--------------------------------------------------------------*/

.usertype-title h4 {
    color: #222222 !important; /* Dark Charcoal for the user type titles */
}

/*--------------------------------------------------------------
## Login Page Background Customization
--------------------------------------------------------------*/

body.login {
    background: #2E2E2E !important; /* Darker Charcoal background */
}

/*--------------------------------------------------------------
## Login Form Text & Link Customization
--------------------------------------------------------------*/

/* Style for the links below the form */
body.login #nav a,
body.login #backtoblog a {
    color: #F5A623 !important; /* Mustard Gold for links */
}

/* Hover state for the links */
body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: #FFC857 !important; /* Pale Gold on hover */
}

/* Normal state for the login button */
body.login #loginform #wp-submit.pinkbutton {
    /* Override the gradient with a solid color */
    background: #F5A623 !important;
    color: #222222 !important;
    border: none !important;
    text-shadow: none !important;
}

/* Hover state for the login button */
body.login #loginform #wp-submit.pinkbutton:hover {
    /* Override the hover background as well */
    background: #FFC857 !important;
    color: #222222 !important;
}

/* Labels for Username and Password fields */
body.login #loginform label[for="user_login"],
body.login #loginform label[for="user_pass"] {
    color: #222222 !important; /* Dark Charcoal */
}

/* Label for "Remember Me" */
body.login #loginform label[for="rememberme"] {
    color: #222222 !important; /* Dark Charcoal */
}

/* If the checkbox/checkmark itself has a color that needs adjusting,
   this is a common way to target it, though it might depend on custom styling. */
body.login #loginform input[type="checkbox"] {
    accent-color: #F5A623 !important; /* Changes the checkbox color to Mustard Gold */
}

/* Target input fields when they are focused (clicked/tabbed into) */
body.login #loginform input[type="text"]:focus,
body.login #loginform input[type="password"]:focus {
    border-color: #FFC857 !important; /* Pale Gold border on focus */
    box-shadow: 0 0 0 1px #FFC857 !important; /* Pale Gold shadow for highlight */
    outline: none !important; /* Remove default browser outline if present */
}

/* Reveal the Spam Warning on the website */
.spam-notice {
    display: block !important;
}

/*--------------------------------------------------------------
## Lost Password Page Customization
--------------------------------------------------------------*/

/* Faint wordings: "Please enter your username or email address..." */
body.login #login p {
    color: #222222 !important; /* Dark Charcoal */
}

/* Faint wordings: "Username or Email Address" label */
body.login #loginform label[for="user_login"] {
    color: #222222 !important; /* Dark Charcoal */
}

/* Target input fields when focused on the login/lost password page */
.login form.form-styling .form-input .input:focus {
    border-color: #FFC857 !important; /* Pale Gold border on focus */
    box-shadow: 0 0 0 1px #FFC857 !important; /* Pale Gold shadow for highlight */
    outline: none !important; /* Ensure no default browser outline */
}

/* Normal state for the "Get New Password" button */
body.login #lostpasswordform #wp-submit.pinkbutton {
    background: #F5A623 !important; /* Mustard Gold solid background */
    color: #222222 !important; /* Dark Charcoal text */
    border: none !important;
    text-shadow: none !important;
}

/* Hover state for the "Get New Password" button */
body.login #lostpasswordform #wp-submit.pinkbutton:hover {
    background: #FFC857 !important; /* Pale Gold solid background on hover */
    color: #222222 !important; /* Dark Charcoal text on hover */
}

/*--------------------------------------------------------------
## Escorts on Tour Page - Location Dropdown Customization
--------------------------------------------------------------*/

/* Target the highlighted (hovered) option within the dropdown list */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F5A623 !important; /* Mustard Gold on hover */
    color: #222222 !important; /* Dark Charcoal text for readability on gold */
}

/* Target the border of the dropdown in its normal (closed) state */
.tours-page .filter .select2-container--default .select2-selection--single {
    border-color: #F5A623 !important; /* Mustard Gold border */
}

/* Target the border of the dropdown panel when it's open */
.select2-container--default .select2-dropdown {
    border-color: #F5A623 !important; /* Mustard Gold border */
}

/*--------------------------------------------------------------
## Admin Sidebar Notices Customization
--------------------------------------------------------------*/

/* Target specific admin notices with pink background */
.sidebar-expire-notice.sidebar-expire-notice-has-mobile.orangedegrade.center {
    background: #F5A623 !important; /* Mustard Gold background */
    color: #222222 !important; /* Dark Charcoal text */
}

/* Ensure any small text within these notices is also dark */
.sidebar-expire-notice.sidebar-expire-notice-has-mobile.orangedegrade.center small {
    color: #222222 !important; /* Dark Charcoal text */
}

/* Target specific admin notices with pink degrade background */
.sidebar-expire-notice.sidebar-expire-notice-has-mobile.pinkdegrade.center {
    background: #F5A623 !important; /* Mustard Gold background */
    color: #222222 !important; /* Dark Charcoal text */
}

/* Ensure any small text within these notices is also dark */
.sidebar-expire-notice.sidebar-expire-notice-has-mobile.pinkdegrade.center small {
    color: #222222 !important; /* Dark Charcoal text */
}

/*--------------------------------------------------------------
## Classified Ads Page - Table Row Text Color (Dark Background Rows)
--------------------------------------------------------------*/

/* If odd rows have the dark background, make their text white */
.listagencies tr.agencytr:nth-child(odd) td {
    color: #FFFFFF !important; /* White text for readability on dark background */
}

/* Ensure links in these rows are also readable */
.listagencies tr.agencytr:nth-child(odd) td a {
    color: #F5A623 !important; /* Mustard Gold for links on dark background */
}

/*--------------------------------------------------------------
## Form & Dropdown Overrides (Force Gold Borders)
--------------------------------------------------------------*/

/* 1. Fix the "Country" & "Currency" Dropdowns (Select2 Library) */
.select2-container--default .select2-selection--single {
    border-color: #F5A623 !important; /* Default State */
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
    border-color: #F5A623 !important; /* Clicked/Active State */
}

/* 2. Fix the "City" and other Standard Dropdowns */
.form-styling select,
.form-styling select:focus,
.form-styling .form-input select:focus,
.inputcities select:focus {
    border-color: #F5A623 !important;
    outline: none; /* Removes the browser's blue glow */
    box-shadow: 0 0 5px rgba(245, 166, 35, 0.5); /* Optional: Adds a faint gold glow */
}



/*--------------------------------------------------------------
## Single Profile "Island" Styling (Premium Cards)
--------------------------------------------------------------*/

/* Turn the main sections into "Islands" */
.girlsingle .aboutme,
.girlsingle .girlinfo .girlinfo-section,
.girlsingle .review-wrapper,
.girlsingle .rates-wrapper,    /* Attempting to target Rates specifically */
.girlsingle .services-wrapper, /* Attempting to target Services specifically */
.girlsingle .contact-wrapper {
    background-color: #2E2E2E !important; /* Lighter charcoal card */
    padding: 30px;                        /* Internal breathing room */
    margin-bottom: 30px;                  /* Space between the islands */
    border-radius: 12px;                  /* Modern rounded corners */
    border: 1px solid #333333;            /* Subtle edge definition */
    
    /* The "Lift" Effect */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); 
}

/* Add a Gold Line under the headings inside these cards */
.girlsingle h3,
.girlsingle h4,
.girlsingle .aboutme h4,
.girlsingle .girlinfo-section h4 {
    border-bottom: 1px solid #444;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: block; /* Ensures the line goes all the way across */
}

/* Specific fix for the "Services/Rates" area if they are just columns */
/* This targets the columns inside the info section to make them distinct blocks */
.girlsingle .girlinfo .col50,
.girlsingle .girlinfo .col33 {
    background: #2E2E2E;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    /* Ensure they don't touch each other */
    box-sizing: border-box; 
    border: 1px solid #333;
}


/*--------------------------------------------------------------
## 8. Icon Overrides (Fixed with Dashicons)
--------------------------------------------------------------*/

/* Force the Classic Handset Receiver using WordPress Native Font */
.icon-phone:before {
    content: "\f525" !important;      /* Dashicon ID for 'phone' */
    font-family: "dashicons" !important; /* Force WordPress internal font */
    font-weight: normal !important;   /* Dashicons doesn't use bold */
    font-size: 1.1em !important;      /* Slightly larger for visibility */
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;                /* Spacing between icon and number */
    line-height: 1;
}

/*--------------------------------------------------------------
## 9. WhatsApp Icon Fix
--------------------------------------------------------------*/
.icon-whatsapp:before {
    content: "\f232" !important; /* FontAwesome WhatsApp Code */
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 400 !important; /* Brands are usually normal weight */
    font-style: normal;
    display: inline-block;
    text-decoration: none;
}


/*--------------------------------------------------------------
## Header & WhatsApp Alignment Fixes (Mobile Centered)
--------------------------------------------------------------*/

/* 1. Color Update: Set strict Grey color */
.profile-header .phone-box .label,
.profile-header .available-on .label {
    color: #828995 !important;
    font-weight: normal !important;
}

/* 2. Desktop Alignment: Keep on Right, Align Vertically */
@media only screen and (min-width: 769px) {
    .profile-header .available-on {
        margin-top: 8px !important; 
    }
    .profile-header .available-on .label {
        margin-bottom: 4px !important; 
    }
}

/* 3. Mobile Alignment: CENTER EVERYTHING */
@media only screen and (max-width: 768px) {
    
    /* Target both the Phone Box and WhatsApp Box */
    .profile-header .phone-box,
    .profile-header .available-on {
        float: none !important;       /* Stop floating right */
        display: block !important;    /* Make them block elements */
        width: 100% !important;       /* Force full width */
        text-align: center !important;/* Center align the content */
        margin-right: 0 !important;   /* Remove side margins */
        margin-left: 0 !important;
        margin-bottom: 15px !important; /* Add space between them */
        clear: both !important;
    }

    /* Remove extra top margin from WhatsApp so it sits tighter to Phone */
    .profile-header .available-on {
        margin-top: -5px !important; 
    }
    
    /* Ensure the label text is centered too */
    .profile-header .phone-box .label,
    .profile-header .available-on .label {
        text-align: center !important;
        width: 100% !important;
    }

    /* Fix the Profile Header height to contain these stacked items */
    .profile-header {
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 20px !important;
    }
}


/*--------------------------------------------------------------
## Change color for Browse Orders in My-Account
--------------------------------------------------------------*/
/* Normal state changed to mustard gold */
.woocommerce .button, .woocommerce a.button {
    background-color: #F5A623; /* Mustard Gold */
    color: #222222; /* Black */
}

/* Hover state changed to pale gold */
.woocommerce .button, .woocommerce a.button:hover {
    background-color: #FFC857; /* Pale Gold */
    color: #222222; /* Black */
}