/*
Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey
*/

/* =========================
   KUMMUNI / OTIEAN UI — DRY
   ========================= */

/* ------ Theme Tokens (single source of truth) ------ */
:root{
  /* Brand */
  --k-brand:#23408e;
  --k-gold:#d6c780;

  /* Text */
  --k-text:#111111;
  --k-text-muted:#3b3b3f;
  --k-text-soft:#555555;

  /* Surfaces */
  --k-bg:#ffffff;
  --k-bg-soft:#fafafb;
  --k-bg-hover:#f7f7fa;

  /* Lines */
  --k-divider:#ececee;
  --k-border:#e1e1e6;
  --k-chip:#d2d2d7;

  /* Accent */
  --k-accent:#1570ef; /* unread dot */

  /* Status palette */
  --k-green:#16a34a;
  --k-green-border:#0d7a34;
  --k-amber:#f59e0b;
  --k-amber-border:#b45309;
  --k-red:#dc2626;
  --k-red-border:#991b1b;
  --k-gray:#9ca3af;
  --k-gray-border:#6b7280;
  --k-gray-light:#d1d5db;
  --k-gray-light-border:#9ca3af;

  /* Buttons */
  --btn-bg:var(--k-brand);
  --btn-border:var(--k-brand);
  --btn-color:var(--k-gold);
  --btn-bg-hover:#1d3576;
  --btn-border-hover:#1d3576;
  --btn-color-hover:#ffffff;

  /* OTIEAN aliases (so your existing rules keep working) */
  --ot-blue:var(--k-brand);
  --ot-gold:var(--k-gold);
  --ot-brand:var(--k-brand);

  --ot-bg:var(--k-bg);
  --ot-soft:var(--k-bg-soft);
  --ot-soft-alt:var(--k-bg-hover);
  --ot-border:#e3e6f0;         /* kept from your dashboard/menu design */
  --ot-ink:#0f2158;            /* OTIEAN “ink” */
  --ot-muted:#6b7280;          /* muted text */
  --ot-red:#d94747;            /* logout hover text color */
}

/* Motion preference (shared) */
@media (prefers-reduced-motion:reduce){
  .otn-thread,
  .dashboard-listing-thumbnail,
  .btn.btn-primary{transition:none !important}
}

/* ---------------------------
   Tiny utility / text styles
----------------------------*/
.otn-toggle-text{color:var(--k-brand);font-weight:600;text-align:center;background:transparent;font-size:12px}
.otn-label{font-size:12px;color:#555}
.otn-maillist{margin:0;padding:0}

/* ---------------------------
   Toolbar (compact)
----------------------------*/
.otn-toolbar{
  display:flex;gap:12px;align-items:center;justify-content:space-between;
  margin:6px 0 10px;padding:8px 10px;
  border:1px solid var(--k-border);border-radius:12px;background:var(--k-bg-soft)
}
.otn-toolbar .group{display:flex;align-items:center;gap:8px}
.otn-seg{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--k-chip);background:#fff}
.otn-seg a{
  padding:4px 10px;font-size:12px;color:#2a2a2f;text-decoration:none;border-right:1px solid #e9e9ec;line-height:1.2
}
.otn-seg a:last-child{border-right:none}
.otn-seg a.is-active{background:#e5e5ea;color:#000;font-weight:600}

/* ---------------------------
   Thread list rows
----------------------------*/
.otn-thread{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px 14px;border-bottom:1px solid var(--k-divider);
  background:var(--k-bg);color:var(--k-text);text-decoration:none;
  transition:background-color .15s ease
}
.otn-thread:hover{background:var(--k-bg-hover)}
.otn-dot{width:8px;height:8px;border-radius:50%;margin-top:14px;background:var(--k-accent);opacity:0;flex-shrink:0}
.otn-thread.is-unread .otn-dot{opacity:1}
.otn-avatar,.otn-avatar-img{width:42px;height:42px;border-radius:8px}
.otn-avatar{overflow:hidden;background:#eee;flex-shrink:0}
.otn-avatar-img{object-fit:cover;display:block}
.otn-main{flex:1;min-width:0}
.otn-top{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.otn-resv strong{font-weight:700;color:var(--k-brand);white-space:nowrap}
.otn-name{font-size:13px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otn-title{display:none !important}
.otn-preview{margin-top:3px;color:var(--k-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otn-lastsender{font-weight:600;color:var(--k-text-soft)}
.otn-meta{margin-top:6px;font-size:12px;color:#9aa0a6}

/* ---------------------------
   Actions dropdown (hover-open)
----------------------------*/
.custom-actions .btn.btn-primary.dropdown-toggle{
  background-color:var(--btn-bg);color:var(--btn-color);border:none;
  font-size:13px;font-weight:500;text-transform:uppercase;padding:4px 10px;border-radius:3px;
  transition:all .2s ease-in-out;line-height:1.4
}
.custom-actions .btn.btn-primary.dropdown-toggle:hover,
.custom-actions .btn.btn-primary.dropdown-toggle:focus{
  background-color:#1b3271;color:#fff3c4
}
.custom-actions .btn.btn-primary.dropdown-toggle .caret{border-top-color:var(--k-gold) !important}
.custom-actions .dropdown-menu{
  display:none;border:none;border-radius:4px;background-color:var(--k-brand);
  min-width:150px;box-shadow:0 4px 10px rgba(0,0,0,.15)
}
.custom-actions .dropdown:hover .dropdown-menu{display:block}
.custom-actions .dropdown:hover > .btn.dropdown-toggle{
  border-bottom-left-radius:0;border-bottom-right-radius:0
}
.custom-actions .dropdown-menu > li > a{
  color:var(--k-gold);font-size:13px;padding:6px 12px;transition:background .2s,color .2s
}
.custom-actions .dropdown-menu > li > a:hover{background-color:#1b3271;color:#fff}
.custom-actions .dropdown-menu .divider{background-color:rgba(255,255,255,.1)}
.custom-actions .dropdown-menu .delete-listing{color:#ff4d4d !important;font-weight:600}
.custom-actions .dropdown-menu .delete-listing:hover{background-color:#b70000 !important;color:#fff !important}

/* ---------------------------
   Primary buttons (global)
----------------------------*/
.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary,
a.btn-details,
button.btn-details,
.dashboard-reservation-table .btn.btn-info{
  background-color:var(--btn-bg) !important;border-color:var(--btn-border) !important;color:var(--btn-color) !important;
  font-weight:600;transition:all .25s ease-in-out;box-shadow:0 1px 3px rgba(0,0,0,.1)
}
.btn.btn-primary:hover,
a.btn.btn-primary:hover,
button.btn.btn-primary:hover,
.btn.btn-primary:focus,
a.btn.btn-primary:focus,
a.btn-details:hover,
button.btn-details:hover,
.dashboard-reservation-table .btn.btn-info:hover{
  background-color:var(--btn-bg-hover) !important;border-color:var(--btn-border-hover) !important;color:var(--btn-color-hover) !important
}
.btn.btn-primary.btn-slim{padding:5px 14px;font-size:13px;border-radius:4px}
.btn.btn-primary:disabled,
.btn.btn-primary.loading{opacity:.6;cursor:not-allowed}

/* ---------------------------
   Dashboard thumb hover (image only)
----------------------------*/
td[data-label="Thumb"] a{display:inline-block;border-radius:10px;overflow:hidden}
.dashboard-listing-thumbnail{
  display:block;border-radius:10px;transform:translateZ(0) scale(1);transform-origin:center;
  transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);
  box-shadow:0 0 0 rgba(0,0,0,0);will-change:transform
}
td[data-label="Thumb"] a:hover .dashboard-listing-thumbnail,
td[data-label="Thumb"] a:focus-visible .dashboard-listing-thumbnail,
.dashboard-listing-thumbnail:hover{
  transform:scale(1.04);box-shadow:0 10px 24px rgba(0,0,0,.18)
}

/* ---------------------------
   DOT-ONLY STATUS (Listings + Reservations)
----------------------------*/

/* Base dot (applies to both tables) */
td[data-label="Status"] .label,
.dashboard-reservation-table td[data-label="Status"] .reservation-status{
  position:relative;display:inline-block;width:12px;height:12px;border-radius:50%;
  padding:0;margin:0 auto;overflow:hidden;text-indent:-9999px;white-space:nowrap;
  border:1px solid transparent;transition:transform .2s ease-in-out
}
td[data-label="Status"] .label:hover,
.dashboard-reservation-table td[data-label="Status"] .reservation-status:hover{transform:scale(1.2)}

/* --- Listings (Homey label classes) --- */
td[data-label="Status"] .label-success{background-color:var(--k-green);border-color:var(--k-green-border)}
td[data-label="Status"] .label-warning{background-color:var(--k-amber);border-color:var(--k-amber-border)}
td[data-label="Status"] .label-danger{background-color:var(--k-gray);border-color:var(--k-gray-border)}
td[data-label="Status"] .label-default{background-color:var(--k-gray-light);border-color:var(--k-gray-light-border)}

/* --- Reservations (Homey status-* classes) --- */
.dashboard-reservation-table .reservation-status.status-booked,
.dashboard-reservation-table .reservation-status.status-confirmed{
  background-color:var(--k-green);border-color:var(--k-green-border)
}
.dashboard-reservation-table .reservation-status.status-under_review,
.dashboard-reservation-table .reservation-status.status-pending{
  background-color:var(--k-amber);border-color:var(--k-amber-border)
}
.dashboard-reservation-table .reservation-status.status-declined,
.dashboard-reservation-table .reservation-status.status-rejected{
  background-color:var(--k-red);border-color:var(--k-red-border)
}
.dashboard-reservation-table .reservation-status.status-cancelled{
  background-color:var(--k-gray);border-color:var(--k-gray-border)
}
.dashboard-reservation-table .reservation-status.status-draft,
.dashboard-reservation-table .reservation-status:not([class*="status-"]){
  background-color:var(--k-gray-light);border-color:var(--k-gray-light-border)
}

/* ===============================
   OTIEAN — Message UI (CSS-only)
   =============================== */

/* Soft edges for avatars */
.messages-area .media .media-left .media-object img,
.messages-area-user-info .media .media-left .media-object img,
.msg-send-block .media-left .media-object img,
.otn-message-item .media-left .media-object img {
  display:block;
  width:48px;height:48px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  transition:transform .25s ease, border-color .25s ease;
}
.messages-area .media .media-left .media-object,
.messages-area-user-info .media .media-left .media-object,
.msg-send-block .media-left .media-object {
  border-radius:12px;
  overflow:hidden;
}

/* Compose textarea: breathing room + subtle zoom on focus */
.msg-send-block .msg-type-block textarea.form-control {
  background:#fff;
  border:1px solid #ddd;
  border-radius:8px;
  padding:12px 14px;
  line-height:1.5;
  transition:transform .25s ease, border-color .25s ease;
  outline:none;
}
.msg-send-block .msg-type-block textarea.form-control:focus {
  border-color:var(--ot-brand);
  transform:scale(0.985);
}

/* Politeness hint animation */
@keyframes politeTint {
  from { color: currentColor; }
  to   { color: #111; }
}

/* Hidden by default */
.otn-policy-hint {
  color:#555;
  font-size:12.5px;
  opacity:0;
  visibility:hidden;
  transform-origin:left center;
  transition:opacity .4s ease, visibility .4s ease, color .4s ease;
}
.msg-send-block .msg-type-block:focus-within .otn-policy-hint {
  opacity:1;
  visibility:visible;
  animation:politeTint 3s ease-in-out infinite alternate;
}

/* ======================================
   RULES / TERMS SECTION
   Target: #rules-section
   ====================================== */
#rules-section .block{
  border-radius:24px;
  background:var(--ot-bg);
  border:1px solid var(--ot-border);
  box-shadow:0 18px 45px rgba(0,0,0,.04);
  padding:22px 24px 26px;
  margin:0;
}
#rules-section .block-section{padding:0}
#rules-section .block-body{display:block}
#rules-section .block-left{margin:0 0 16px 0}
#rules-section .block-left .title{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  font-size:18px;font-weight:650;letter-spacing:.015em;color:var(--ot-ink);margin:0
}
#rules-section .block-right{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  color:var(--ot-ink)
}
#rules-section .otiean-static-info{
  margin-bottom:18px;font-size:14px;color:var(--ot-muted);line-height:1.55
}
#rules-section .otiean-static-info p{margin:0 0 10px}
#rules-section .otiean-static-info p strong{color:var(--ot-ink);font-weight:600}

/* Rules bullet list */
#rules-section .rules_list{list-style:none;padding:0;margin:0 0 16px 0}
#rules-section .rules_list li{
  display:flex;align-items:center;font-size:14px;color:var(--ot-muted);margin-bottom:6px
}
#rules-section .rules_list li i{
  font-size:16px;color:var(--ot-brand);margin-right:8px;flex-shrink:0
}
#rules-section .rules_list li strong{font-weight:600;color:var(--ot-ink);margin-left:4px}

/* Additional rules */
#rules-section .detail-list{font-size:14px;color:var(--ot-muted);line-height:1.55}
#rules-section .detail-list > div{margin-bottom:8px}
#rules-section .detail-list > div strong{
  display:block;margin-bottom:2px;color:var(--ot-ink);font-weight:600
}

/* Responsive */
@media (max-width:768px){
  #rules-section .block{padding:18px 16px 20px;border-radius:18px}
}

/* ======================================
   DETAILS SECTION
   ====================================== */
#details-section.details-section .block{
  border-radius:18px;
  background:var(--ot-bg);
  border:1px solid var(--ot-border);
  box-shadow:0 18px 45px rgba(0,0,0,.04);
  padding:20px 22px 22px;
}
#details-section .block-section{padding:0}
#details-section .block-body{display:flex;flex-wrap:wrap;gap:18px 28px}
#details-section .block-right{
  flex:1;min-width:260px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  color:var(--ot-ink)
}

/* TOP ROW – Tenants / Rooms / Beds */
#details-section .detail-list--hrow{
  display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0 0 18px 0
}
#details-section .detail-list--hrow .hrow-item{
  list-style:none;display:flex;align-items:center;gap:8px;margin:0;
  padding:9px 13px;border-radius:999px;background:var(--ot-soft);
  color:var(--ot-brand);font-size:14px;font-weight:600;line-height:1.3;
  transition:background .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out,color .18s ease-out
}
#details-section .detail-list--hrow .hrow-item:hover{
  background:var(--ot-soft-alt);transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.05)
}
#details-section .detail-list--hrow .hrow-item i{
  font-size:28px;color:var(--ot-brand) !important;opacity:.95;flex-shrink:0
}
#details-section .detail-list--hrow .hrow-item strong{font-weight:700;color:var(--ot-ink)}

/* Mini Section – Type & Size */
#details-section .mini-section{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 24px;padding:10px 14px;margin:0 0 18px 0;border-radius:14px;
  background:linear-gradient(135deg,#ffffff,#f8f9fd)
}
#details-section .mini-section li{
  list-style:none;display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;
  font-size:14px;font-weight:500;color:var(--ot-muted)
}
#details-section .mini-section li strong{font-weight:600;color:var(--ot-ink)}
#details-section .mini-section i{
  font-size:20px;color:var(--ot-brand) !important;opacity:.9;flex-shrink:0
}

/* Important Details – 2 Column Grid */
#details-section .sub-title{
  font-size:16px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
  color:var(--ot-muted);margin:4px 0 10px
}
#details-section .detail-list--2cols{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 24px;padding:0;margin:0
}
#details-section .detail-list--2cols li{
  list-style:none;display:flex;align-items:flex-start;gap:6px;margin:0;
  font-size:14px;line-height:1.5;color:var(--ot-muted);padding:3px 0;
  transition:color .16s ease-out, transform .16s ease-out
}
#details-section .detail-list--2cols li strong{font-weight:600;color:var(--ot-ink)}
#details-section .detail-list--2cols li:hover{color:var(--ot-ink);transform:translateY(-0.5px)}

/* Bullet dot */
#details-section .detail-bullet{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  margin-top:6px;margin-right:4px;background:var(--ot-gold);flex-shrink:0;font-size:0
}

/* Separator */
#details-section .detail-sep{border:0;border-top:1px solid rgba(0,0,0,0.06);margin:18px 0}

/* Links */
#details-section .detail-list--2cols a{
  color:var(--ot-brand);text-decoration:none;border-bottom:1px solid transparent;
  transition:border-color .16s ease-out, color .16s ease-out
}
#details-section .detail-list--2cols a:hover{
  color:var(--ot-ink);border-color:rgba(35,64,142,0.25)
}

/* Responsive Tweaks */
@media (max-width:992px){
  #details-section .block-right{flex:1 0 100%}
}
@media (max-width:768px){
  #details-section .detail-list--hrow{gap:8px}
  #details-section .detail-list--hrow .hrow-item{font-size:13px;padding:8px 11px}
  #details-section .detail-list--hrow .hrow-item i{font-size:24px}
  #details-section .mini-section{grid-template-columns:1fr;padding:10px 10px}
  #details-section .detail-list--2cols{grid-template-columns:1fr}
  #details-section.details-section .block{padding:16px 14px 18px;border-radius:14px}
}

/* ======================================
   ABOUT SECTION
   Target: #about-section.version-2
   ====================================== */
#about-section.about-section.version-2 .block{
  border-radius:24px;background:var(--ot-bg);border:1px solid var(--ot-border);
  box-shadow:0 18px 45px rgba(0,0,0,.04);
  padding:22px 24px 24px;margin-bottom:22px
}
#about-section.about-section.version-2 .block-body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  color:var(--ot-ink);font-size:14px;line-height:1.6
}
#about-section.about-section.version-2 .block-body > h2{
  font-size:18px;font-weight:650;letter-spacing:.02em;text-transform:none;color:var(--ot-ink);
  margin:0 0 12px
}
#about-section.about-section.version-2 .block-body p{margin:0 0 10px;color:var(--ot-muted)}
#about-section.about-section.version-2 .block-body ul,
#about-section.about-section.version-2 .block-body ol{margin:0 0 10px 20px;color:var(--ot-muted)}
#about-section.about-section.version-2 .block-body a{
  color:var(--ot-brand);text-decoration:none;border-bottom:1px solid transparent;
  transition:border-color .16s ease-out, color .16s ease-out
}
#about-section.about-section.version-2 .block-body a:hover{
  color:var(--ot-ink);border-color:rgba(35,64,142,0.25)
}
#about-section.about-section.version-2 .block + .block{margin-top:12px}

/* ======================================
   OTIEAN — Global vertical spacing
   for all sections in single listing
   ====================================== */
.main-content-area.detail-property-page-v5 .content-area > *{margin:0}
.main-content-area.detail-property-page-v5 .content-area > * + *{margin-top:28px}
.main-content-area.detail-property-page-v5 .content-area .block{margin:0}
#details-section.details-section .block,
#about-section.about-section.version-2 .block{margin:0}

/* ======================================
   OTIEAN — Accommodation Section
   One external card only
   ====================================== */
#accomodation-section .block{
  border-radius:24px;background:var(--ot-bg);border:1px solid var(--ot-border);
  box-shadow:0 18px 45px rgba(0,0,0,.04);
  padding:22px 24px 26px;margin:0
}
#accomodation-section .block-body{display:block}
#accomodation-section .block-left{margin:0 0 18px 0}
#accomodation-section .block-left .title{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  font-size:18px;font-weight:650;color:var(--ot-ink);margin:0
}
#accomodation-section .block-right{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:22px 30px
}
#accomodation-section .block-accomodation{
  display:flex;align-items:flex-start;gap:14px;padding:0;border:none !important;
  background:none !important;box-shadow:none !important;border-radius:0 !important;
  transition:transform .15s ease-out, opacity .15s ease-out
}
#accomodation-section .block-accomodation:hover{transform:translateX(2px);opacity:.95}
#accomodation-section .block-accomodation .block-icon i,
#accomodation-section .block-accomodation .block-icon img{
  font-size:28px !important;width:28px;height:28px;color:var(--ot-brand) !important;
  opacity:.95;flex-shrink:0
}
#accomodation-section .block-accomodation dl{margin:0}
#accomodation-section .block-accomodation dt{
  font-size:15px;font-weight:600;color:var(--ot-ink);margin:0 0 4px 0
}
#accomodation-section .block-accomodation dd{
  margin:0;font-size:14px;font-weight:500;color:var(--ot-muted)
}
@media (max-width:768px){
  #accomodation-section .block-right{grid-template-columns:1fr;gap:20px}
}

/* ======================================
   OTIEAN — Features (Amenities & Facilities)
   Target: #features-section
   ====================================== */
#features-section .block{
  border-radius:24px;background:var(--ot-bg);border:1px solid var(--ot-border);
  box-shadow:0 18px 45px rgba(0,0,0,.04);
  padding:22px 24px 24px;margin:0
}
#features-section .block-section{padding:0}
#features-section .block-body{display:block}
#features-section .features-title{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  font-size:18px;font-weight:650;color:var(--ot-ink);
  margin:0 0 16px 0;letter-spacing:.015em
}
#features-section .features-groups{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:18px 40px
}
#features-section .otn-features-group__label{
  margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ot-muted)
}
#features-section .otn-features-list{
  margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:4px
}
#features-section .otn-features-list li{display:flex;align-items:center;font-size:14px;color:var(--ot-ink)}
#features-section .otn-features-list li.otn-hidden{display:none}
#features-section .otn-term-icon{margin-right:6px;vertical-align:middle;flex-shrink:0}
#features-section .otn-term-icon--minimal{
  width:18px;height:18px;object-fit:contain;border-radius:3px
}
#features-section .otn-term-icon--fallback{font-size:16px;color:var(--ot-brand)}
#features-section .otn-toggle-wrap{
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  margin:6px 0 0;color:var(--ot-brand);cursor:pointer;text-align:left;gap:6px;
  background:transparent;border:none
}
#features-section .otn-toggle-wrap:focus{outline:none}
#features-section .otn-toggle-text{color:var(--ot-brand);font-weight:600;font-size:13px}
#features-section .otn-toggle-wrap:hover .otn-toggle-text{text-decoration:underline}
#features-section .otn-chevron{
  width:10px;height:10px;border-right:2px solid var(--ot-brand);border-top:2px solid var(--ot-brand);
  transform-origin:center;display:inline-block;transition:transform .25s ease
}
#features-section .otn-toggle-wrap[data-state="collapsed"] .otn-chevron{transform:rotate(135deg)}
#features-section .otn-toggle-wrap[data-state="expanded"] .otn-chevron{transform:rotate(-45deg)}
@media (max-width:768px){
  #features-section .block{padding:18px 16px 20px;border-radius:18px}
  #features-section .features-groups{grid-template-columns:1fr;gap:18px}
}

/* ======================================
   OTIEAN — Price Section
   Target: #price-section
   ====================================== */
#price-section .block{
  border-radius:24px;background:var(--ot-bg);border:1px solid var(--ot-border);
  box-shadow:0 18px 45px rgba(0,0,0,.04);
  padding:22px 24px 24px;margin:0
}
#price-section .block-section{padding:0}
#price-section .block-body{display:block}
#price-section .block-left{margin:0 0 14px 0}
#price-section .block-left .title{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  font-size:18px;font-weight:650;letter-spacing:.015em;color:var(--ot-ink);margin:0
}
#price-section .block-right{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  color:var(--ot-ink)
}
#price-section .detail-list--single{
  list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px
}
#price-section .detail-list--single li{display:flex;align-items:center;font-size:14px;color:var(--ot-muted)}
#price-section .detail-list--single li i{
  font-size:18px;color:var(--ot-brand);margin-right:8px;flex-shrink:0
}
#price-section .detail-list--single li strong{
  font-weight:600;color:var(--ot-ink);margin-left:4px
}
#price-section .block-section > .price-additional,
#price-section .block-section > .extra-prices{
  margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,0.06)
}
@media (max-width:768px){
  #price-section .block{padding:18px 16px 20px;border-radius:18px}
}

/* ======================================
   OTIEAN — Availability Section
   Target: #availability-section
   ====================================== */
#availability-section .block{
  border-radius:24px;background:var(--ot-bg);border:1px solid var(--ot-border);
  box-shadow:0 18px 45px rgba(0,0,0,.04);
  padding:22px 24px 22px;margin:0
}
#availability-section .block-section{padding:0}
#availability-section .block-body{display:block}
#availability-section .block-left{margin:0 0 14px 0}
#availability-section .block-left .title{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  font-size:18px;font-weight:650;letter-spacing:.015em;color:var(--ot-ink);margin:0
}
#availability-section .block-right{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  color:var(--ot-ink);margin-bottom:14px
}
#availability-section .detail-list.detail-list-2-cols{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:6px 24px
}
#availability-section .detail-list.detail-list-2-cols li{
  display:flex;align-items:center;font-size:14px;color:var(--ot-muted)
}
#availability-section .detail-list.detail-list-2-cols li i{
  font-size:18px;color:var(--ot-brand);margin-right:8px;flex-shrink:0
}
#availability-section .detail-list.detail-list-2-cols li strong{
  font-weight:600;color:var(--ot-ink);margin-left:4px
}
#availability-section .block-availability-calendars{
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(0,0,0,0.06)
}
#availability-section .single-listing-calendar{margin:0}
#availability-section .availability-notes{margin-top:10px}
#availability-section .availability-notes .list-inline{
  margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px
}
#availability-section .availability-notes li{
  list-style:none;font-size:12px;color:var(--ot-muted);
  display:flex;align-items:center;gap:6px
}
#availability-section .availability-notes li span{font-weight:500}

/* ============================
   OTIEAN – Dashboard Menu (soft)
   ============================ */
.user-dashboard-left.white-bg{
  background:#ffffff;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.04);overflow:hidden
}
.user-dashboard-left .navi{border-right:1px solid var(--ot-border)}
.user-dashboard-left .board-panel-menu{list-style:none;margin:0;padding:0}
.user-dashboard-left .board-panel-menu > li{position:relative}
.user-dashboard-left .board-panel-menu > li > a{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 18px;color:var(--ot-ink);font-size:13px;font-weight:500;text-decoration:none;
  background:#ffffff;border-left:3px solid transparent;
  transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .14s ease-out
}
.user-dashboard-left .board-panel-menu > li > a:hover,
.user-dashboard-left .board-panel-menu > li > a:focus{
  background:#f4f6fb;border-left-color:var(--ot-blue);color:var(--ot-blue);transform:translateX(1px)
}
.user-dashboard-left .board-panel-menu > li.board-panel-item-active > a{
  background:var(--ot-blue);border-left-color:var(--ot-blue);color:var(--ot-gold);transform:none
}
.user-dashboard-left .board-panel-menu > li.board-panel-item-active::before{content:none !important}
.user-dashboard-left .board-panel-menu > li.has-child > a i{margin-left:8px;font-size:10px}
.user-dashboard-left .board-panel-menu > li.has-child > ul{
  list-style:none;margin:0;padding:0 0 6px 0;max-height:0;overflow:hidden;opacity:0;
  transition:max-height .22s ease-out, opacity .18s ease-out
}
.user-dashboard-left .board-panel-menu > li.has-child.board-panel-item-active > ul,
.user-dashboard-left .board-panel-menu > li.has-child:hover > ul{
  max-height:260px;opacity:1
}
.user-dashboard-left .board-panel-menu > li.has-child > ul li a{
  display:block;padding:7px 32px;font-size:12px;color:var(--ot-ink);text-decoration:none;background:#ffffff;
  transition:background-color .16s ease-out,color .16s ease-out,transform .12s ease-out
}
.user-dashboard-left .board-panel-menu > li.has-child > ul li a:hover{
  background:#f4f6fb;color:var(--ot-blue);transform:translateX(1px)
}

/* LOG OUT – distinct, but subtle */
.user-dashboard-left .board-panel-menu > li:last-child{
  margin-top:6px;padding:10px 18px 16px;border-top:1px solid var(--ot-border)
}
.user-dashboard-left .board-panel-menu > li:last-child > a{
  justify-content:center;padding:7px 16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ot-blue);background:#ffffff;border-radius:999px;border:1px solid var(--ot-gold);
  border-left-color:var(--ot-gold);transform:none;
  transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .14s ease-out
}
.user-dashboard-left .board-panel-menu > li:last-child > a:hover,
.user-dashboard-left .board-panel-menu > li:last-child > a:focus{
  background:var(--ot-blue);color:#ffffff;border-color:var(--ot-blue);transform:translateY(1px)
}

/* ===========================
   OTIEAN – Header Account Dropdown (spacious, minimal)
   =========================== */
.header-comp-right{position:relative}
.header-comp-right .user-menu,
.header-comp-right .user-account,
.header-comp-right .account-nav{
  position:relative;display:inline-flex;align-items:center;cursor:pointer
}
.header-comp-right .user-menu img,
.header-comp-right .user-account img{border-radius:50%}

/* Dropdown panel */
.header-comp-right .account-dropdown,
.header-comp-right .user-dropdown,
.header-comp-right .dropdown-menu{
  position:absolute;top:100%;right:0;min-width:220px;margin-top:0;
  background:var(--ot-bg);border-radius:14px;border:1px solid var(--ot-border);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  padding:10px 0;list-style:none;z-index:9999;
  opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96);transform-origin:top right;
  transition:opacity .18s ease-out, visibility .18s ease-out, transform .18s ease-out
}
.header-comp-right:hover .account-dropdown,
.header-comp-right:hover .user-dropdown,
.header-comp-right:hover .dropdown-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)
}
.header-comp-right .account-dropdown li,
.header-comp-right .user-dropdown li,
.header-comp-right .dropdown-menu li{margin:0;padding:0}
.header-comp-right .account-dropdown li + li,
.header-comp-right .user-dropdown li + li,
.header-comp-right .dropdown-menu li + li{margin-top:2px}
.header-comp-right .account-dropdown li a,
.header-comp-right .user-dropdown li a,
.header-comp-right .dropdown-menu li a{
  display:block;padding:12px 20px;font-size:14px;font-weight:500;color:var(--ot-ink);text-decoration:none;
  background:transparent;
  transition:background-color .15s ease-out, color .15s ease-out, transform .12s ease-out
}
.header-comp-right .account-dropdown li:not(:last-child) a:hover,
.header-comp-right .user-dropdown li:not(:last-child) a:hover,
.header-comp-right .dropdown-menu li:not(:last-child) a:hover{
  background:rgba(35,64,142,.06);color:var(--ot-blue);transform:translateX(1px)
}

/* Logout spacing */
.header-comp-right .account-dropdown li:last-child,
.header-comp-right .user-dropdown li:last-child,
.header-comp-right .dropdown-menu li:last-child{
  margin-top:12px;border-top:1px solid var(--ot-border);padding:12px 0
}
.header-comp-right .account-dropdown li:last-child a,
.header-comp-right .user-dropdown li:last-child a,
.header-comp-right .dropdown-menu li:last-child a{
  padding:0 20px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:center;
  background:transparent;border:none;border-radius:0;color:var(--ot-ink);
  display:block;width:100%;line-height:20px
}