/* YachtRent overrides for EventCon */
html, body, h1, h2, h3, h4, h5, h6, p, a, li, span, label, button, input, select, textarea, th, td {
    font-family: "Poppins", sans-serif !important;
}

.main-header-area {
    background: #040e27 !important;
}
.header_bottom_border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.main-menu ul li a,
.yr-nav-btn,
.slicknav_nav a {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500;
}
.main-menu ul li a:hover,
.main-menu ul li a.active,
.yr-nav-btn:hover {
    color: #ff5e13 !important;
}

.yr-logo { color: #fff; font-size: 28px; font-weight: 700; }
.yr-nav-btn { background: none; border: none; cursor: pointer; font-size: 15px; }
.yr-msg-wrap { margin-top: 16px; margin-bottom: 8px; }
.yr-msg { padding: 10px 14px; border-radius: 8px; margin-bottom: 8px; font-weight: 600; }
.yr-msg.success { background: #e7f8ee; color: #1e7f48; }
.yr-msg.error { background: #ffe8e8; color: #a02a2a; }
.yr-msg.info, .yr-msg.warning { background: #eaf2ff; color: #2a4f8a; }

.yr-section { padding: 90px 0; }
.yr-section.dark { background: #0d111f; }
.yr-title { color: #fff; margin-bottom: 14px; }
.yr-subtitle { color: #c6cad8; margin-bottom: 30px; }
.yr-box { background: #151a2d; border: 1px solid #262c45; border-radius: 12px; padding: 24px; }
.yr-light-box { background: #fff; border: 1px solid #ececf5; border-radius: 12px; padding: 24px; }

.yr-filter-grid { display: grid; grid-template-columns: repeat(5,minmax(120px,1fr)); gap: 12px; align-items: end; }
.yr-filter-grid label { display: block; color: #fff; font-weight: 600; margin-bottom: 6px; }
.yr-filter-grid input, .yr-filter-grid select,
.yr-form input, .yr-form select, .yr-form textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d8deea;
    padding: 10px 12px;
}

.yr-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 18px; }
.yr-card { background: #13182b; border: 1px solid #2a314f; border-radius: 14px; overflow: hidden; }
.yr-card.light { background: #fff; border-color: #ececf5; }
.yr-card img { width: 100%; height: 220px; object-fit: cover; }
.yr-card-body { padding: 18px; }
.yr-card-body h4 { color: #fff; margin-bottom: 8px; }
.yr-card.light .yr-card-body h4 { color: #11142a; }
.yr-meta { color: #c7ccdd; }
.yr-card.light .yr-meta { color: #616b85; }

.yr-grid-2 { display: grid; grid-template-columns: 2fr 1fr; gap: 22px; }
.yr-big-image { width: 100%; height: 430px; object-fit: cover; border-radius: 12px; margin-bottom: 18px; }
.yr-list { padding-left: 20px; color: #606a85; }

.yr-table-wrap { overflow-x: auto; }
.yr-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; }
.yr-table th, .yr-table td { padding: 12px 10px; border-bottom: 1px solid #edf0f6; font-size: 14px; }
.yr-table th { background: #f7f9fd; color: #293250; }
.yr-inline { display: inline-block; margin-right: 8px; margin-bottom: 6px; }
.yr-inline .boxed-btn3 {
    padding: 8px 12px;
    line-height: 1.2;
    min-width: 124px;
    text-align: center;
}

.yr-auth { max-width: 540px; margin: 90px auto; }
.yr-auth h1 { margin-bottom: 18px; }
.yr-form p { margin-bottom: 12px; }
.yr-form label { display: block; margin-bottom: 6px; font-weight: 600; color: #26304e; }

@media (max-width: 991px) {
    .yr-filter-grid { grid-template-columns: 1fr 1fr; }
    .yr-grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
    .yr-filter-grid { grid-template-columns: 1fr; }
}


.yr-filter-grid-extended {
    grid-template-columns: repeat(9, minmax(120px, 1fr));
}

.yr-analytics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.yr-analytics-card {
    border: 1px solid #e8ecf5;
    border-radius: 10px;
    padding: 12px;
    background: #fbfcff;
}

.yr-analytics-card h4 {
    font-size: 14px;
    margin: 0 0 6px;
    color: #364161;
}

.yr-analytics-card p {
    font-size: 20px;
    margin: 0;
    color: #0e1328;
    font-weight: 700;
}

@media (max-width: 1200px) {
    .yr-filter-grid-extended {
        grid-template-columns: repeat(4, minmax(120px, 1fr));
    }
}

@media (max-width: 768px) {
    .yr-filter-grid-extended {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}

.yr-map {
    width: 100%;
    height: 380px;
    border-radius: 10px;
    border: 1px solid #dfe6f2;
    overflow: hidden;
}

#catalog-filter-form input[name="location"] {
    font-weight: 600;
}

.yr-filter-grid-extended {
    grid-template-columns: repeat(8, minmax(120px, 1fr));
}

@media (max-width: 1200px) {
    .yr-filter-grid-extended {
        grid-template-columns: repeat(4, minmax(120px, 1fr));
    }
}

@media (max-width: 768px) {
    .yr-filter-grid-extended {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
    .yr-map { height: 300px; }
}

.yr-hidden {
    display: none;
}

.yr-map-toggle-btn {
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 1.1;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 14px;
}

.yr-filter-grid-extended {
    grid-template-columns: repeat(9, minmax(120px, 1fr));
}




/* Global button rounding */
button,
.boxed-btn3,
.book_btn a,
.yr-nav-btn,
input[type="submit"],
input[type="button"],
a[class*="btn"] {
    border-radius: 999px !important;
}

/* Uniform filter controls */
.yr-filter-grid > div {
    display: flex;
    flex-direction: column;
}

.yr-filter-grid > div > input,
.yr-filter-grid > div > select,
.yr-filter-grid > div > button {
    width: 100%;
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
}

.yr-filter-grid > div > label {
    min-height: 22px;
    display: flex;
    align-items: end;
}

.yr-map-toggle-btn {
    margin-top: 0 !important;
}

.yr-card-link {
    text-decoration: none;
    display: block;
}

.yr-card-link .yr-card {
    transition: transform .18s ease, box-shadow .18s ease;
}

.yr-card-link:hover .yr-card {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}

.yr-detail-section {
    padding-bottom: 36px;
}

.yr-boat-card,
.yr-booking-box,
.yr-reviews-box {
    border-radius: 14px;
}

.yr-boat-title {
    margin: 4px 0 8px;
    font-size: 40px;
    color: #12213f;
}

.yr-boat-desc {
    margin-bottom: 14px;
    color: #6a748f;
}

.yr-boat-specs li {
    margin-bottom: 6px;
}

.yr-booking-box .yr-form input,
.yr-booking-box .yr-form textarea,
.yr-reviews-box .yr-form input,
.yr-reviews-box .yr-form textarea,
.yr-reviews-box .yr-form select {
    border: 1px solid #d8deea;
    border-radius: 10px;
    background: #fff;
}

.yr-review-item {
    padding: 12px;
    border: 1px solid #e8edf7;
    border-radius: 10px;
    margin-bottom: 10px;
    background: #fbfcff;
}

.yr-review-item p {
    margin: 6px 0 0;
    color: #5d6785;
}

/* Dark theme for boat detail page */
.yr-dark-panel {
    background: #13182b;
    border: 1px solid #2a314f;
    color: #d8deef;
}

.yr-dark-panel h2,
.yr-dark-panel h3,
.yr-dark-panel h4,
.yr-dark-panel strong {
    color: #ffffff;
}

.yr-dark-panel .yr-boat-title {
    color: #ffffff;
}

.yr-dark-panel .yr-boat-desc,
.yr-dark-panel .yr-list,
.yr-dark-panel p {
    color: #b9c3de;
}

.yr-dark-panel .yr-form label {
    color: #d7def1;
}

.yr-dark-panel .yr-form input,
.yr-dark-panel .yr-form textarea,
.yr-dark-panel .yr-form select {
    background: #0f1424;
    border: 1px solid #33406a;
    color: #eff3ff;
}

.yr-dark-panel .yr-form input::placeholder,
.yr-dark-panel .yr-form textarea::placeholder {
    color: #95a2c8;
}

.yr-dark-panel .yr-review-item {
    background: #0f1424;
    border: 1px solid #2d3a60;
}

.yr-dark-panel .yr-review-item p {
    color: #b9c3de;
}

/* Sticky footer layout */
html, body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.yr-main-content {
    flex: 1 0 auto;
}

footer.footer {
    margin-top: auto;
}

/* Dark auth/dashboard refinements */
.yr-auth {
    max-width: 540px;
    margin: 70px auto;
}

.yr-dark-panel a {
    color: #ff7a3c;
}

.yr-dark-panel .yr-meta {
    color: #b9c3de;
}

.yr-dark-panel .yr-table {
    background: #0f1424;
    border: 1px solid #2d3a60;
}

.yr-dark-panel .yr-table th,
.yr-dark-panel .yr-table td {
    border-bottom: 1px solid #273455;
    color: #d9e1f7;
}

.yr-dark-panel .yr-table th {
    background: #131c34;
    color: #ffffff;
}

.yr-dark-panel .yr-analytics-card {
    border: 1px solid #2d3a60;
    background: #0f1424;
}

.yr-dark-panel .yr-analytics-card h4 {
    color: #c9d4f3;
}

.yr-dark-panel .yr-analytics-card p {
    color: #ffffff;
}

.yr-dark-panel .yr-form label {
    color: #d7def1;
}

.yr-dark-panel .helptext,
.yr-dark-panel .yr-form ul,
.yr-dark-panel .yr-form li {
    color: #9fb0d9;
}

/* Fill dark pages to footer without white gap */
.yr-screen-fill {
    min-height: calc(100vh - 260px);
}

/* Auth form stable layout */
.yr-auth-form .yr-form-row {
    margin-bottom: 14px;
    clear: both;
}

.yr-auth-form .boxed-btn3 {
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.yr-dark-panel h1 {
    color: #ffffff;
}

.yr-dark-panel .yr-auth-form input,
.yr-dark-panel .yr-auth-form textarea,
.yr-dark-panel .yr-auth-form select,
.yr-dark-panel .yr-auth-form .nice-select {
    width: 100%;
    min-height: 44px;
    border-radius: 10px;
    background: #0f1424;
    border: 1px solid #33406a;
    color: #eff3ff;
}

.yr-dark-panel .yr-auth-form .nice-select {
    float: none;
    padding: 10px 12px;
    line-height: 22px;
}

.yr-dark-panel .yr-auth-form .nice-select:after {
    border-bottom-color: #d7def1;
    border-right-color: #d7def1;
}

.yr-dark-panel .yr-auth-form .nice-select .list {
    width: 100%;
    background: #0f1424;
    border: 1px solid #33406a;
}

.yr-dark-panel .yr-auth-form .nice-select .option {
    color: #eff3ff;
}

.yr-dark-panel .yr-auth-form .nice-select .option:hover,
.yr-dark-panel .yr-auth-form .nice-select .option.selected {
    background: #1a2543;
}

.yr-field-errors,
.yr-field-errors ul {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    color: #ff9fa0;
    font-size: 13px;
}

.yr-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.yr-profile-actions {
    grid-column: 1 / -1;
}

.yr-inline-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    min-width: 124px;
    margin-right: 8px;
    margin-bottom: 6px;
}

.yr-table-note {
    margin-top: 6px;
    font-size: 12px;
    color: #9fb0d9;
}

.yr-payment-actions {
    margin-top: 18px;
}

@media (max-width: 768px) {
    .yr-profile-grid {
        grid-template-columns: 1fr;
    }
}

.yr-dark-panel a.boxed-btn3,
.yr-dark-panel .yr-inline-link,
.yr-dark-panel .booked-btn3,
.yr-dark-panel button.boxed-btn3 {
    color: #ffffff !important;
}

.yr-dark-panel a.boxed-btn3:hover,
.yr-dark-panel .yr-inline-link:hover,
.yr-dark-panel button.boxed-btn3:hover {
    color: #ffffff !important;
}