/* --- CSS Variables for Easy Theming (WILL BE OVERRIDDEN BY INLINE STYLES) --- */
:root {
    --text-color: #333;
    --text-color-light: #000;
    --primary-color: #5d6532;
    --border-color: #e0e0e0;
    --card-bg: #ffffff;
    --page-bg: #f9f9f9;
    --note-bg: #5d6532;
    --note-border: #5d6532;
    --button-bg: #f0f0f0;
    --button-hover-bg: #dcdcdc;
    --error-color: #c5221f;
}

/* --- Base Layout & Typography --- */
.inserat-single-container { max-width: 1200px; margin: 30px auto; padding: 20px; background-color: var(--page-bg); }
.inserat-single-container h1 { font-size: 2.2rem; font-weight: 700; color: var(--text-color); margin: 0 0 15px 0; line-height: 1.2; }
.inserat-main-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.inserat-content-wrapper { display: flex; flex-direction: column; }

/* Breadcrumb Styles */
.inserat-breadcrumbs {font-size: 0.9em; color: var(--text-color-light); }
.inserat-breadcrumbs a { text-decoration: none; color: var(--primary-color); }
.inserat-breadcrumbs a:hover { text-decoration: underline; }

/* --- Gallery (Unchanged) --- */
.inserat-gallery .main-image { position: relative; overflow: hidden; border-radius: 8px;}
.inserat-gallery .main-image img { width: 100%; height: auto; border: 1px solid var(--border-color); cursor: crosshair; display: block; width:600px; }
.inserat-gallery .details-card {margin-top: 25px;}
.gallery-nav { position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.4); color: white; border: none; font-size: 24px; cursor: pointer; padding: 10px 15px; z-index: 10; transition: background-color 0.2s; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.gallery-nav:hover { background-color: rgba(0, 0, 0, 0.7); }
.gallery-nav.prev { left: 0px; }
.gallery-nav.next { right: 0px; }
.thumbnail-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; margin-top: 15px; }
.thumbnail-gallery .thumbnail-item { display: block; cursor: pointer; border: 2px solid transparent; border-radius: 6px; transition: border-color 0.2s; overflow: hidden; }
.thumbnail-gallery .thumbnail-item img { width: 100%; height: 70px; object-fit: cover; display: block; }
.thumbnail-gallery .thumbnail-item:hover { border-color: #ccc; }
.thumbnail-gallery .thumbnail-item.active-thumb { border-color: var(--primary-color); }

/* --- Price & Actions Bar --- */
.inserat-actions-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 15px; background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; margin-bottom: 25px; }
.inserat-price { font-size: 1.8rem; font-weight: 700; color: var(--primary-color); white-space: nowrap; & .reserved{ text-decoration:line-through; text-decoration-thickness: 3px;}}
.inserat-buttons { display: flex; gap: 10px; }
.inserat-buttons .button, .inserat-buttons .report-button {text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  font-size: 16px;
  height: 100%;
	padding: 10px;}
.inserat-buttons .button-secondary { background-color: var(--button-bg); border: 1px solid #ccc; color: #333; height:40px;}
.inserat-buttons .button-secondary:hover { background-color: var(--button-hover-bg); }
.inserat-buttons .report-button { background-color: var(--error-background-color); border: 1px solid #f9ab9f; color: var(--error-color); }
.inserat-buttons .report-button:hover { background-color: #f7d5d2; }


/* --- Card-based Layout --- */
.details-card { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; margin-bottom: 25px; overflow: hidden; }
.details-card h3 { font-size: 1.2rem; padding: 15px 20px; margin: 0; background-color: var(--primary-color);color:var(--text-color-accent);font-weight:700; border-bottom: 1px solid var(--border-color); }
.details-card .post-content, .details-card .meta-list { padding: 20px; }
.details-card p:last-child { margin-bottom: 0; }
.post-content { line-height: 1.7; color: var(--text-color-light); }

/* --- Meta List Styling --- */
ul.meta-list { list-style: none; padding: 0 !important; margin: 0; }
ul.meta-list li { display: flex; justify-content: space-between; padding: 8px 20px; border-bottom: 1px solid #f0f0f0; }
ul.meta-list li:hover { background: var(--primary-hover-color) }
ul.meta-list li:last-child { border-bottom: none; }
ul.meta-list li span:first-child { font-weight: 600; color: var(--text-color); }
ul.meta-list li span:last-child { color: var(--text-color-light); text-align: right; }

/* --- Special Cards & Footer --- */
.private-notes { background-color: var(--primary-color); border-color: var(--primary-color); }
.private-notes h3 { background-color: transparent; }
.private-notes p { color: var(--text-color-accent);padding: 8px 20px;margin: 0;}
.inserat-id-footer { text-align: right; color: #000; font-size: 1.3rem;  }
.zoom-pane-container { display: none; /* Often handled by JS, hidden by default */ }


.zoom-pane-container {
    width: 100%;
    height: 500px; /* Adjust height as needed */
    margin-top: 25px; /* Add some space between it and the content above */
    position: relative; /* Required for Drift's inline positioning */
}

.drift-openm, .drift-zoom-pane {
border-radius: 0 !important;
height: 250px !important;
width: 350px !important;
}

.breadcrumbs-and-id {
	display: flex;
  flex-direction: row;
  justify-content: space-between;
	margin-bottom: 14px;
}

/* --- Responsive Adjustments --- */
@media (max-width: 980px) {
    .inserat-main-content { grid-template-columns: 1fr; }
    .inserat-single-container h1 { font-size: 1.8rem; }
    .inserat-price { font-size: 1.5rem; }
}
@media (max-width: 600px) {
    .inserat-actions-bar { flex-direction: column; align-items: flex-start; }
}

.single-inserat * .pm-header {
	display: none;
}
.single-inserat * #pm-conversation {
	width:100%
}