/*
Theme Name: WpRentals Zimmerimmer
Theme URI: http://themeforest.net/user/wpestate
Description: Ultimate WordPress Theme created by WpEstate for accommodation booking. WpRentals is clean, flexible, fully responsive and retina Ready. Its smart settings allow you to build outstanding renting websites easily and fast.
Version: 3.13
Author: wpestate.org
Author URI: http://themeforest.net/user/annapx
Tags: white, one-column, two-columns,left-sidebar, right-sidebar, fluid-layout , custom-menu, theme-options, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: wprentals

-------------------------------------------------------------- */

div.category_radio {
    display: block;
    position: relative;
    padding: 0 10px 0 0 !important;
    /* align-items: center; */
    float: left;
    margin-bottom: 10px;
}
div.category_radio label {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
} 
div.category_radio .category_radio_name {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
}

div.category_radio input[type="radio"] {
    display: none;
}

div.category_radio #category_radio_name {
    cursor: pointer;
}

div.category_radio label:before {
    content: "\2716";
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 30px;
    color: white;
}

div.category_radio input[type="radio"]:checked + label:before {
    content: "\2714";
    color: green;
}

div.category_radio label img {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
}

div.category_radio label img {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    margin-right: 10px;
    display: block;
    float: none; 
}

.room-row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.room-row select,
.room-row input,
.room-row select {
  padding: 5px !important;
  margin-bottom: 30px !important;
  flex: 1;
}
.remove-btn {
  padding: 5px 10px;
  background-color: #ff4444;
  color: white;
  border: none;
  cursor: pointer;
}

.save-btn,
.add-btn,
.copy-btn {
  padding: 8px 16px;
  color: white;
  border: none;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
}

.add-btn {
  background-color: #4CAF50;
}
.save-btn {
  background-color: #b30000;
}

.copy-btn {
  background-color: #2196F3;
}

.copy-btn {
  background-color: #2196F3;
}
button {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  cursor: pointer;
  margin-top: 10px;
}

button:hover {
  background-color: #0056b3;
}

/* Mark as Paid Button - Bank Transfer Payment System */
.mark-as-paid-btn {
  display: inline-block;
  padding: 15px 14px;
  margin: 0 10px 10px 0;
  background: #10b981;
  color: white !important;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  text-transform: none;
  transition: all 0.3s ease;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mark-as-paid-btn:hover {
  background: #059669;
  color: white !important;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.mark-as-paid-btn:active {
  background: #047857;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

.mark-as-paid-btn.loading {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.mark-as-paid-btn i {
  margin-right: 6px;
  font-size: 14px;
}

/* Undo Payment Button - Reset payment status */
.unmark-paid-btn {
  display: inline-block;
  padding: 15px 14px;
  margin: 0 10px 10px 0;
  background: #f59e0b;
  color: white !important;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  text-transform: none;
  transition: all 0.3s ease;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.unmark-paid-btn:hover {
  background: #d97706;
  color: white !important;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.unmark-paid-btn:active {
  background: #b45309;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

.unmark-paid-btn.loading {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.unmark-paid-btn i {
  margin-right: 6px;
  font-size: 14px;
}