/*
Theme Name: Ultimate Auction Pro Vehicle Software
Theme URI: https://getultimateauction.com/
Author: Nitesh Singh
Theme URI: https://getultimateauction.com/
Author URI: https://getultimateauction.com/
Version: 1.0.1
Description:  Ultimate Auction Pro Vehicle Software
Template: ultimate-auction-pro-software
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ultimate-auction-pro-software
*/
 
/* Add Custom CSS HERE */
    :root{
  --wc-accent:#0AADA1; --wc-accent-600:#0AADA1;
  --wc-bg:#0b0f14; --wc-card:#ffffff; --wc-card-2:#ffffff;
  --wc-text:#142C40; --wc-text-dim:#142C40; --wc-border:#ffffff; --wc-focus:#0AADA1;
  --radius:8px; --radius-sm:6px;
  --shadow-1:1px 1px 16px 0 rgba(23,23,23,.05)!important;
}

.checkbox-slider {
	background-color: #edf1f6;
}

.checkbox_switch input:checked + .checkbox-slider {
    background-color: var(--wp--custom-primary-link-color);
}

.mr-top-25 {
	font-size: 20px!important;
}

.tab-screen h3 {
	font-size: 20px!important;
}

.tab-screen h4 {
	font-size: 20px!important;
}

.tab-screen h5 {
	font-size: 20px!important;
}

.btn_upload img[src="https://carhopgroup.co.uk/wp-content/themes/ultimate-auction-pro-software/assets/images/imageupload-background.png"] {
    content: url("https://carhopgroup.co.uk/wp-content/uploads/2025/08/CH_Upload.svg");
}

.btn_upload img {
    width: 100px!important; /* or whatever size you want */
    height: auto!important;
}

.form-box input, .form-box textarea, .form-box input, .form-box select {
border: 1px solid #d1d5db!important;
    background: var(--wc-card)!important;
    border-radius: 8px !important;
}

.curruncy-icon .cur_icon {
    top: 100%!important;
    left: 14px!important;
    font-weight: 500!important;
}

span.upload-btn, .device-upload-btn button {
    background-color: var(--e-global-color-82b4d58);
    font-weight: 700;
    fill: var(--e-global-color-7eb0c37);
    color: var(--e-global-color-7eb0c37);
    border: 1px solid white;
    border-radius: 6px !important;
}

.button_outer {
    height: 300px!important;
    padding: 16px!important;
    width: 100%!important;
border: 1px solid #d1d5db!important;
    background: var(--wc-card)!important;
    border-radius: 8px !important;
}

/* wrappers */
.woocommerce-account,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation{
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial;
  color:var(--wc-text); background:var(--wc-bg);
}

/* nav container */
.woocommerce-MyAccount-navigation{
  padding:24px; background:var(--wc-card);
  border:1px solid var(--wc-border); border-radius:var(--radius); box-shadow:var(--shadow-1);
}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}

/* list items control vertical centering (this was the issue) */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link{
  display:flex!important; align-items:center!important; min-height:42px!important; margin:0; padding:0;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link br{display:none!important;}

/* link look (same as before) */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a{
  display:block!important; width:100%; padding:14px!important; box-sizing:border-box;
  border-radius:var(--radius-sm)!important; color:var(--wc-text-dim)!important; text-decoration:none!important; line-height:1.2!important;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a::before,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a::after{content:none!important;}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover{
  background:var(--wc-card-2)!important; color:var(--wc-text)!important;
}

/* active state (light teal pill + left accent strip) */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active>a{
  background:rgba(10,173,161,.12)!important; color:var(--wc-text)!important;
  box-shadow:inset 3px 0 0 0 #0AADA1!important;
}

/* content panel */
.woocommerce-MyAccount-content{
  padding:24px; background:var(--wc-card);
  border:1px solid var(--wc-border); border-radius:var(--radius);
}

/* tables */
.woocommerce table.shop_table{
  width:100%; border-collapse:collapse; background:var(--wc-card); border:1px solid var(--wc-border);
}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{
  padding:14px 16px; border-bottom:1px solid var(--wc-border);
}
.woocommerce table.shop_table thead th{background:var(--wc-card-2); color:var(--wc-text);}

/* buttons */
.woocommerce a.button,.woocommerce button.button{
  display:inline-block; padding:12px 16px; border-radius:12px; background:var(--wc-accent);
  color:#04100a; font-weight:600; text-decoration:none;
}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--wc-accent-600);}


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    height: 52px;
    border-radius: 8px;
    padding: 0 0 0 10px;
    border: 1px solid #f4f4f4;
    background-color: #ffffff;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
}

body .woocommerce #respond input#submit, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button {
    padding: 18px;
    border-radius: 6px;
    color: #ebfffd;
}


/* =========================
   Ultimate Auction Pro - Sell/Describe Your Lot Form Styling
   ========================= */

/* Form wrapper */
.vendor-main {
  padding:24px; background:var(--wc-card);
  border:1px solid var(--wc-border); border-radius:var(--radius); box-shadow:var(--shadow-1);
}

.describe-lot-tab .ui-widget-header {
	border: 0px solid #dbdbdb!important;
}

ul.ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor {
	padding: 16px 16px 16px 34px!important;
}

.describe-lot-tab .ui-tabs .ui-tabs-nav li {
    margin-right: 10px !important;
}

.describe-lot-tab ul.ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor:before {
    left: 10px!important;
    top: 21px!important;
}

.describe-lot-tab .ui-state-default, .describe-lot-tab .ui-widget-content .ui-state-default, .describe-lot-tab .ui-widget-header .ui-state-default
 {
    padding: 0px !important;
    border-bottom: 0px solid #f4f4f4!important;
}

/* div#tabs-list .lot-main {
    border: 1px solid #f4f4f4!important;
    padding-top: 44px!important;
	  border-radius: 8px!important;
	    height: 100% !important;
} */

.line-separator {
    margin-bottom: 24px!important;
    border-bottom: 1px solid #f4f4f4!important;
    padding-bottom: 8px!important;
}

section.cover h3 {
    color: #132c40!important;
}

.ui-tabs p {
	    color: #132c40!important;
    font-family: var(--e-global-typography-08a7636-font-family), Sans-serif;
    font-size: var(--e-global-typography-08a7636-font-size);
    font-weight: var(--e-global-typography-08a7636-font-weight);
    text-decoration: var(--e-global-typography-08a7636-text-decoration);
    line-height: var(--e-global-typography-08a7636-line-height);
}
	 
/* Card look for each step/section */
.vendor-form-row,
.form-box {
  margin-bottom: 20px;
}

/* Labels */
.label-fix-top {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--wc-text);
}

/* Text inputs & textareas */
.vendor-form-row input[type="text"],
.vendor-form-row input[type="number"],
.vendor-form-row input[type="email"],
.vendor-form-row input[type="url"],
.vendor-form-row textarea,
.vendor-form-row select {
  width: 100%;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid #d1d5db;
  background: var(--wc-card);
  color: var(--wc-text);
  font-size: 14px;
  transition: all 0.2s ease;
  box-sizing: border-box;
	height: 58px !important;
}

.tab-footer-block .footer-btn, .tab-footer-block input[type="button"], .tab-footer-block input[type="submit"], .tab-footer-block button {
    color: var(--e-global-color-7eb0c37)!important;
}

.left-arrow .footer-btn, .right-arrow .footer-btn, .form-box .btn {
    letter-spacing: 0px!important;
	font-size: 14px !important;
}

.tab-footer-block {
    background-color: #F4FFFE;
    padding: 14px!important;
    margin-top: 14px!important;
    border-radius: 8px!important;
}

.form-radio-gr [type="radio"]:checked + label:after, .form-radio-gr [type="radio"]:not(:checked) + label:after {
    top: 3px!important;
    left: 3px!important;
}

.vendor-form-row input:focus,
.vendor-form-row textarea:focus,
.vendor-form-row select:focus {
  border-color: var(--wc-accent);
  box-shadow: 0 0 0 3px rgba(10,173,161,0.2);
  outline: none;
}

/* Currency icon positioning */
.curruncy-icon {
  position: relative;
}
.curruncy-icon .cur_icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  font-weight: 600;
  color: var(--wc-text);
}
.curruncy-icon input {
  padding-left: 26px;
}

/* Radio & checkbox groups */
.form-radio-gr input[type="radio"],
.vendor-switch-label input[type="checkbox"] {
  accent-color: var(--wc-accent);
  width: 16px;
  height: 16px;
  margin-right: 6px;
  cursor: pointer;
}

.form-radio-gr label {
  margin-right: 20px;
  font-size: 14px;
  color: var(--wc-text);
}

/* Error messages */
.input-error {
  color: #b91c1c;
  font-size: 13px;
  margin-top: 4px;
  display: block;
}

/* Tab navigation styling */
.ui-tabs-nav {
  background: var(--wc-card);
  border-radius: var(--radius);
  padding: 8px;
  display: flex;
  gap: 6px;
  border: 1px solid var(--wc-border);
}

.ui-tabs-nav .ui-tabs-tab a {
  display: block;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  color: var(--wc-text);
  text-decoration: none;
  background: transparent;
  transition: background 0.2s;
}

.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a {
  background: rgba(10,173,161,.12);
  box-shadow: inset 3px 0 0 0 #0AADA1;
}

/* Footer buttons */
.tab-footer-block .footer-btn,
.tab-footer-block input[type="button"],
.tab-footer-block input[type="submit"],
.tab-footer-block button {
  display: inline-block;
  padding: 12px 20px;
  background: var(--wc-accent);
  color: #04100a;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.2s ease;
}

.tab-footer-block .footer-btn:hover,
.tab-footer-block input[type="button"]:hover,
.tab-footer-block input[type="submit"]:hover,
.tab-footer-block button:hover {
  background: var(--wc-accent-600);
}