.btn-willimano-small {
    font-size: 0.85rem;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    color:var(--white);
    background-color:var(--navy-dark); /* Dark Navy */
    border: none;
    transition: all 0.3s ease;
}

.btn-willimano-small:hover {
    background-color: var(--gray-light); /* Lighter navy on hover */
}

.btn-willimano-navy, 
.custom-willimano-btn,
.btn-willimano-navy-bulk {
    color: var(--white); /* White text */
    background-color:var(--navy); /* Navy background */
    border-color: var(--navy); /* Navy border */
    transition: all 0.3s ease; /* Smooth transition */

}

.btn-willimano-navy:hover,
.custom-willimano-btn:hover {
 /* color: #fff; /* White text on hover */
  color: var(--gold); /* Gold text on hover*/
    background-color: var(--navy-dark); /* Lighter navy on hover */
    border-color: var(--navy-dark);
}

/* Optional: Outline btn */
.btn-willimano-outline-gold {
  background-color: transparent;
  color: var(--navy); /* Navy Blue */
  border: 1px solid var(--gold); /* Gold */
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s;
}
.btn-willimano-outline-gold:hover {
  background-color: var(--gold); /* Gold */
  color:var(--white); /* White */
  border: 1px solid var(--gold);
}


.btn-willimano-outline-navy {
  background-color: transparent;
  color: var(--navy); /* Navy */
  border: 1px solid var(--navy); /* Navy */
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s;
}
.btn-willimano-outline-navy:hover {
  background-color: var(--navy); /* Navy */
  color: var(--white);
  border: 1px solid var(--navy); /* Navy */
}
/* You can customize the focus styles as needed */


.custom-willimano-btn:focus, 
.custom-willimano-btn.focus {
    box-shadow: 0 0 0 0.2rem rgba(14, 42, 71, 0.5); /*navy glow */
}


.btn-willimano-gold, 
.custom-willimano-btn-inverse {
   /*color: #d4af37; /* Gold text */
    color: var(--white); /* White text */
    background-color: var(--gold); /* gold background */
    border-color: var(--gold); /* gold border */
    transition: all 0.3s ease; /* Smooth transition */

}

.btn-willimano-gold:hover, 
.custom-willimano-btn-inverse:hover {
 /* color: #fff; /* White text on hover */
  color: var(--navy); /* navy text on hover*/
    background-color: var(--gold); /* Lighter navy on hover */
    border-color: var(--gold);
}



.btn-willimano-gold, .custom-willimano-btn-inverse:focus, .custom-willimano-btn-inverse.focus {
    box-shadow: 0 0 0 0.2rem var(--gold-glow); /* gold glow */
}



.bg-willimano-navy {
   /*color: #d4af37; */
    color: var(--white); /* White text */
    background-color: var(--navy); /* Navy background */
    border-color: var(--navy); /* Navy border */
    transition: all 0.3s ease; /* Smooth transition */

}


.bg-willimano-gold {
   /*color: #d4af37; */
    color: var(--white); /* White text */
    background-color: var(--gold); /* Gold background */
    border-color: var(--gold); /* Gold border */
    transition: all 0.3s ease; /* Smooth transition */

}

.bg-willimano-danger {
   /*color: #d4af37; */
    color: var(--white); /* White text */
    background-color: var(--red); /* Danger background */
    border-color: var(--red); /* Danger border */
    transition: all 0.3s ease; /* Smooth transition */

}

.border-willimano-danger {
   
    border: 1px solid var(--red); /* Danger border */
    transition: all 0.3s ease; /* Smooth transition */

}
.border-willimano-navy {
   
    border: 1px solid var(--navy); /* Navy border */
    transition: all 0.3s ease; /* Smooth transition */

}



.btn-willimano-lease { background: var(--gold); color: var(--white); transition: 0.3s; }
.btn-willimano-lease:hover { background: var(--gold-dark); color: var(--white); }
/** * Icon container styles
 * Used for icons in buttons or cards
 */
 .icon-container {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gray-light);
    font-size: 18px;
}


.icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}