.commentbubble{float: right;}
.text-center,.text-left {margin:0px;}
.positive_comment {
	color: #5cb85c;
}
.negative_comment {
	color: #d9534f;
}
.neutral_comment {
	color: #428bca;
}
.breakword {  
    word-wrap: break-word;  
}
blockquote {
	padding: 10px 15px;
	font-size: 12px;
	margin: 0 0 5px !important;
}
h2, .h2 {
	font-size: 30px;
}
h2>.label { vertical-align: middle;font-size:10px; } 
body {
	padding-top: 20px;
}
/* ==========================================================================
   2026-10-07, visitor dark mode (navbar moon/sun -> <html data-theme="dark">, header.php swaps the
   Bootswatch theme for darkly). Only what darkly doesn't cover: hemp-theme.css builds almost every
   surface from its :root variables, so those are redefined here (html[...] outranks :root, which
   is loaded later), plus the few hardcoded light colors. Near-black on purpose, not grey.
   ========================================================================== */
html[data-theme="dark"]{
  color-scheme: dark;
  --sky-deep:   #5cb8f0;
  --green-deep: #6fd277;
  --cream:      #0f1113;
  --surface:    #15171a;
  --surface-2:  #1e2125;
  --border:     #2c3137;
  --text:       #e8ebee;
  --text-dim:   #bcc4cc;
  --text-faint: #8b959f;
}
/* dim the light sky background so the dark panels don't sit on a bright page */
html[data-theme="dark"] body{
  background-color: #0b0c0e !important;
  background-image: linear-gradient(rgba(5,6,8,.72), rgba(5,6,8,.72)), url("/assets/hemp/background.png") !important;
}
html[data-theme="dark"] .hm-navbar{ background: #1d5e22 !important; box-shadow: 0 4px 14px rgba(0,0,0,.45); }
html[data-theme="dark"] .hm-navbar .dropdown-menu{ background: var(--surface); }
html[data-theme="dark"] .hm-rates-badge,
html[data-theme="dark"] .hm-lang{ background: var(--surface-2); }
html[data-theme="dark"] .form-control:focus{ background: var(--surface-2) !important; }
html[data-theme="dark"] .hm-datepicker-icon{ background: var(--surface-2); }
html[data-theme="dark"] .card,
html[data-theme="dark"] .col-md-9,
html[data-theme="dark"] .hm-cp-card{ box-shadow: 0 8px 22px rgba(0,0,0,.4); }
html[data-theme="dark"] footer,
html[data-theme="dark"] footer p{ color: #9fb3a2 !important; }
html[data-theme="dark"] .alert-danger{ color: #f08a86; }
html[data-theme="dark"] .page-link{ background: var(--surface-2); border-color: var(--border); }
html[data-theme="dark"] .page-item.active .page-link{ background: var(--green); color: #fff !important; }
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd){ background: rgba(255,255,255,.03); }
html[data-theme="dark"] .custom-select{ background-color: var(--cream); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .modal-content{ background: var(--surface); color: var(--text); border-color: var(--border); }
/* first-visit language pop-up (inline styles in header.php) */
html[data-theme="dark"] #hm-lang-pop > div{ background: var(--surface) !important; }
html[data-theme="dark"] #hm-lang-pop-title{ color: var(--green-deep) !important; }
html[data-theme="dark"] #hm-lang-pop-text{ color: var(--text-dim) !important; }
#themeToggle .fa{ width: 14px; text-align: center; }