/* Extracted from class-unbounded-barcelona-2026-new-room-public.php */

/* ── UNB Blog Styles ── */
			.unb-blog-wrap {
				--deep:              #061713 !important;
				--forest:            #071a15 !important;
				--forest2:           #0d2a22 !important;
				--forest3:           #153b31 !important;
				--green:             #1d4b3d !important;
				--mint:              #a7d6c3 !important;
				--mint2:             #d9eee5 !important;
				--paper:             #f1efe8 !important;
				--paper2:            #e8e5dc !important;
				--white:             #fff !important;
				--ink:               #14241f !important;
				--muted:             #63756d !important;
				--line:              rgba(16,42,36,.18) !important;
				--max:               1360px !important;
				--shell:             1320px !important;
				--blog-content-max:  1400px !important;
				--unb-primary:       var(--forest3) !important;
				--unb-primary-dark:  var(--forest2) !important;
				--unb-primary-light: var(--green) !important;
				--unb-primary-hover: var(--green) !important;
				--unb-accent:        var(--mint) !important;
				--unb-accent-light:  var(--mint2) !important;
				--unb-accent-soft:   var(--mint2) !important;
				--unb-black:         var(--deep) !important;
				--unb-black-soft:    var(--forest) !important;
				--unb-white:         var(--white) !important;
				--unb-off-white:     var(--paper) !important;
				--unb-gray:          var(--paper2) !important;
				--unb-ink-mid:       var(--muted) !important;
				--unb-ink-mute:      var(--muted) !important;
				--unb-border:        var(--line) !important;
				--unb-border-light:  var(--paper2) !important;
				--unb-r:             8px !important;
				--unb-r-lg:          12px !important;
				--unb-ft:            'Inter Tight', sans-serif !important;
				--unb-fb:            'Inter', sans-serif !important;
				--unb-shadow-sm:     0 2px 6px rgba(6,23,19,.08) !important;
				--unb-shadow-md:     0 6px 18px rgba(6,23,19,.12) !important;
				--unb-shadow-lg:     0 12px 32px rgba(6,23,19,.16) !important;
				width:       100% !important;
				max-width:   none !important;
				margin:      0 !important;
				padding:     0 !important;
				font-family: var(--unb-fb) !important;
				color:       var(--unb-black) !important;
				background:  var(--unb-white) !important;
				box-sizing:  border-box !important;
			}
			/* The page is full width; dashboard content stays readable in a 1400px shell. */
			.unb-blog-wrap > .unb-blog-hero,
			.unb-blog-wrap > .unb-toggle-btn,
			.unb-blog-wrap > .unb-blog-form,
			.unb-blog-wrap > .unb-table-wrap {
				width: min(var(--blog-content-max), calc(100% - 40px)) !important;
				margin-left: auto !important;
				margin-right: auto !important;
			}
			.unb-blog-wrap *, 
			.unb-blog-wrap *::before, 
			.unb-blog-wrap *::after {
				box-sizing: border-box !important;
			}
			/* ── Hero Section ── */
			.unb-blog-wrap .unb-blog-hero {
				background:    linear-gradient(135deg, var(--forest) 0%, var(--forest3) 50%, var(--green) 100%) !important;
				padding:       50px 40px !important;
				border-radius: 12px !important;
				margin-bottom: 32px !important;
				position:      relative !important;
				overflow:      hidden !important;
			}
			.unb-blog-wrap .unb-blog-hero::before {
				content:        'UNBOUNDED' !important;
				position:       absolute !important;
				font-family:    'Inter Tight', sans-serif !important;
				font-size:      clamp(64px, 9vw, 150px) !important;
				font-weight:    900 !important;
				color:          rgba(168,199,198,0.05) !important;
				top:            50% !important;
				right:          -20px !important;
				transform:      translateY(-50%) !important;
				pointer-events: none !important;
			}
			.unb-blog-wrap .unb-blog-hero h1 {
				font-family:   'Inter Tight', sans-serif !important;
				font-size:     clamp(30px, 3.2vw, 48px) !important;
				font-weight:   800 !important;
				color:         #FFFFFF !important;
				margin-bottom: 12px !important;
				letter-spacing: -0.035em !important;
				position:      relative !important;
				z-index:       2 !important;
			}
			.unb-blog-wrap .unb-blog-hero h1 span {
				color:       #C9E0DF !important;
				font-weight: 400 !important;
			}
			.unb-blog-wrap .unb-blog-hero h1 sup {
				font-size: 0.42em !important;
				vertical-align: super !important;
				letter-spacing: 0 !important;
				margin-left: 2px !important;
			}
			.unb-blog-wrap .unb-blog-hero p {
				color:     rgba(255,255,255,0.6) !important;
				font-size: 16px !important;
				font-weight: 300 !important;
				position:  relative !important;
				z-index:   2 !important;
				max-width: 860px !important;
				line-height: 1.6 !important;
			}
			.unb-blog-wrap .hero-stats {
				display:    flex !important;
				gap:        40px !important;
				margin-top: 20px !important;
				position:   relative !important;
				z-index:    2 !important;
			}
			.unb-blog-wrap .hero-stats .stat {
				color:          rgba(255,255,255,0.5) !important;
				font-size:      12px !important;
				text-transform: uppercase !important;
				letter-spacing: 1px !important;
			}
			.unb-blog-wrap .hero-stats .stat + .stat {
				border-left: 1px solid rgba(255,255,255,0.16) !important;
				padding-left: 32px !important;
			}
			.unb-blog-wrap .hero-stats .stat strong {
				display:     block !important;
				font-size:   24px !important;
				font-weight: 800 !important;
				color:       #C9E0DF !important;
				font-family: 'Inter Tight', sans-serif !important;
			}
			/* ── Toggle Button ── */
			.unb-blog-wrap .unb-toggle-btn {
				background:      var(--forest3) !important;
				color:           #FFFFFF !important;
				border:          none !important;
				padding:         12px 28px !important;
				border-radius:   8px !important;
				font-family:     'Inter Tight', sans-serif !important;
				font-size:       12px !important;
				font-weight:     700 !important;
				letter-spacing:  1px !important;
				text-transform:  uppercase !important;
				cursor:          pointer !important;
				transition:      all 0.3s !important;
				margin-bottom:   20px !important;
				display:         block !important;
				text-align:      center !important;
			}
			.unb-blog-wrap .unb-toggle-btn:hover {
				background:  var(--green) !important;
				transform:   translateY(-2px) !important;
				box-shadow:  0 6px 18px rgba(42,80,81,0.12) !important;
			}
			/* ── Form ── */
			.unb-blog-wrap .unb-blog-form {
				background:    #F8F9F9 !important;
				border:        1px solid #E8ECEC !important;
				border-radius: 12px !important;
				padding:       28px 32px !important;
				margin-bottom: 32px !important;
				box-shadow:    0 2px 6px rgba(42,80,81,0.08) !important;
			}
			.unb-blog-wrap .unb-blog-form h3 {
				font-family:   'Inter Tight', sans-serif !important;
				font-size:     22px !important;
				font-weight:   700 !important;
				color:         #0E1113 !important;
				margin-bottom: 20px !important;
			}
			.unb-blog-wrap .unb-blog-form h3 span {
				color: #2A5051 !important;
			}
			.unb-blog-wrap .unb-blog-form label {
				font-size:       11px !important;
				font-weight:     700 !important;
				letter-spacing:  1.5px !important;
				text-transform:  uppercase !important;
				color:           #6D7678 !important;
				display:         block !important;
				margin-bottom:   4px !important;
				font-family:     'Inter Tight', sans-serif !important;
			}
			.unb-blog-wrap .unb-blog-form label .req {
				color: #2A5051 !important;
			}
			.unb-blog-wrap .unb-blog-form input[type="text"],
			.unb-blog-wrap .unb-blog-form input[type="url"],
			.unb-blog-wrap .unb-blog-form input[type="email"],
			.unb-blog-wrap .unb-blog-form select,
			.unb-blog-wrap .unb-blog-form textarea {
				width:         100% !important;
				padding:       10px 14px !important;
				border:        1px solid #E8ECEC !important;
				border-radius: 8px !important;
				font-family:   'Inter', sans-serif !important;
				font-size:     14px !important;
				color:         #0E1113 !important;
				background:    #FFFFFF !important;
				transition:    border-color 0.2s, box-shadow 0.2s !important;
				margin-bottom: 16px !important;
			}
			.unb-blog-wrap .unb-blog-form input[type="text"]:focus,
			.unb-blog-wrap .unb-blog-form input[type="url"]:focus,
			.unb-blog-wrap .unb-blog-form select:focus,
			.unb-blog-wrap .unb-blog-form textarea:focus {
				border-color: #2A5051 !important;
				box-shadow:   0 0 0 3px rgba(42,80,81,0.08) !important;
				outline:      none !important;
			}
			.unb-blog-wrap .unb-blog-form input[type="file"] {
				margin-bottom: 16px !important;
			}
			.unb-blog-wrap .unb-blog-form .author-info {
				background:    #FFFFFF !important;
				padding:       10px 14px !important;
				border-radius: 8px !important;
				margin-bottom: 16px !important;
				font-size:     14px !important;
				color:         #6D7678 !important;
			}
			.unb-blog-wrap .unb-blog-form .author-info strong {
				color: #0E1113 !important;
			}
			.unb-blog-wrap .unb-blog-form .form-row {
				display:               grid !important;
				grid-template-columns: 1fr 1fr !important;
				gap:                   16px !important;
			}
			.unb-blog-wrap .unb-blog-form .btn-submit {
				background:     #2A5051 !important;
				color:          #FFFFFF !important;
				border:         none !important;
				padding:        14px 32px !important;
				border-radius:  8px !important;
				font-family:    'Inter Tight', sans-serif !important;
				font-size:      12px !important;
				font-weight:    700 !important;
				letter-spacing: 1.5px !important;
				text-transform: uppercase !important;
				cursor:         pointer !important;
				transition:     all 0.3s !important;
			}
			.unb-blog-wrap .unb-blog-form .btn-submit:hover {
				background:  #346364 !important;
				transform:   translateY(-2px) !important;
				box-shadow:  0 6px 18px rgba(42,80,81,0.12) !important;
			}
			.unb-blog-wrap .unb-blog-form .btn-submit:disabled {
				opacity: 0.6 !important;
				cursor:  not-allowed !important;
				transform: none !important;
			}
			.unb-blog-wrap .unb-blog-form .btn-cancel {
				display:         inline-block !important;
				margin-left:     12px !important;
				color:           #6D7678 !important;
				text-decoration: none !important;
				font-size:       13px !important;
			}
			.unb-blog-wrap .unb-blog-form .btn-cancel:hover {
				color: #2A5051 !important;
			}
			.unb-blog-wrap .current-image {
				margin:        8px 0 16px !important;
				padding:       10px !important;
				background:    #FFFFFF !important;
				border-radius: 8px !important;
				border:        1px solid #E8ECEC !important;
			}
			.unb-blog-wrap .current-image img {
				max-width:    120px !important;
				height:       auto !important;
				border-radius:4px !important;
			}
			.unb-blog-wrap .current-image .label {
				font-size:     12px !important;
				color:         #6D7678 !important;
				display:       block !important;
				margin-bottom: 4px !important;
			}
			/* ── Notices ── */
			.unb-blog-wrap .unb-notice {
				padding:       12px 18px !important;
				border-radius: 8px !important;
				margin-bottom: 16px !important;
				font-weight:   500 !important;
			}
			.unb-blog-wrap .unb-notice.success {
				background: #E8F5EE !important;
				border:     1px solid #A8C7C6 !important;
				color:      #1A5C38 !important;
			}
			.unb-blog-wrap .unb-notice.error {
				background: #FDEAEA !important;
				border:     1px solid #F7C7C7 !important;
				color:      #9A1E1E !important;
			}
			/* ── Table ── */
			.unb-blog-wrap .unb-table-wrap {
				background:    #FFFFFF !important;
				border:        1px solid #E8ECEC !important;
				border-radius: 12px !important;
				overflow:      hidden !important;
				box-shadow:    0 2px 6px rgba(42,80,81,0.08) !important;
			}
			.unb-blog-wrap .unb-table-header {
				display:         flex !important;
				align-items:     center !important;
				justify-content: space-between !important;
				padding:         16px 24px !important;
				background:      #F8F9F9 !important;
				border-bottom:   1px solid #E8ECEC !important;
				flex-wrap:       wrap !important;
				gap:             12px !important;
			}
			.unb-blog-wrap .unb-table-header h3 {
				font-family: 'Inter Tight', sans-serif !important;
				font-size:   18px !important;
				font-weight: 700 !important;
				color:       #0E1113 !important;
				margin:      0 !important;
			}
			.unb-blog-wrap .unb-table-header h3 span {
				color: #2A5051 !important;
			}
			.unb-blog-wrap .unb-table-header .btn-comments {
				background:      #2A5051 !important;
				color:           #FFFFFF !important;
				padding:         8px 20px !important;
				border-radius:   8px !important;
				text-decoration: none !important;
				font-size:       12px !important;
				font-weight:     600 !important;
				font-family:     'Inter Tight', sans-serif !important;
				transition:      all 0.3s !important;
			}
			.unb-blog-wrap .unb-table-header .btn-comments:hover {
				background:  #346364 !important;
				transform:   translateY(-2px) !important;
				box-shadow:  0 2px 6px rgba(42,80,81,0.08) !important;
			}
			/* ── Table ── */
			.unb-blog-wrap .unb-table {
				width:            100% !important;
				border-collapse:  collapse !important;
				font-size:        13px !important;
			}
			.unb-blog-wrap .unb-table th {
				background:      #2A5051 !important;
				color:           #FFFFFF !important;
				padding:         12px 16px !important;
				text-align:      left !important;
				font-weight:     600 !important;
				font-size:       11px !important;
				text-transform:  uppercase !important;
				letter-spacing:  0.8px !important;
				font-family:     'Inter Tight', sans-serif !important;
			}
			.unb-blog-wrap .unb-table td {
				padding:       12px 16px !important;
				border-bottom: 1px solid #E8ECEC !important;
				color:         #1B2324 !important;
				vertical-align:middle !important;
			}
			.unb-blog-wrap .unb-table tr:hover td {
				background: #DDEEEE !important;
			}
			/* ── Status Badges ── */
			.unb-blog-wrap .status-badge {
				display:       inline-block !important;
				padding:       2px 12px !important;
				border-radius: 20px !important;
				font-size:     11px !important;
				font-weight:   600 !important;
				font-family:   'Inter Tight', sans-serif !important;
			}
			.unb-blog-wrap .status-badge.published {
				background: #E8F5EE !important;
				color:      #1A5C38 !important;
			}
			.unb-blog-wrap .status-badge.draft {
				background: #FFF4E1 !important;
				color:      #8A6100 !important;
			}
			.unb-blog-wrap .status-badge.pending {
				background: #FFF4E1 !important;
				color:      #8A6100 !important;
			}
			/* ── Action Links ── */
			.unb-blog-wrap .action-links {
				display:   flex !important;
				gap:       8px !important;
				flex-wrap: wrap !important;
			}
			.unb-blog-wrap .action-links a {
				font-size:       12px !important;
				font-weight:     500 !important;
				text-decoration: none !important;
				padding:         4px 12px !important;
				border-radius:   4px !important;
				transition:      all 0.2s !important;
				cursor:          pointer !important;
			}
			.unb-blog-wrap .action-links .btn-edit {
				color:  #2A5051 !important;
				border: 1px solid #2A5051 !important;
			}
			.unb-blog-wrap .action-links .btn-edit:hover {
				background: #2A5051 !important;
				color:      #FFFFFF !important;
			}
			.unb-blog-wrap .action-links .btn-delete {
				color:  #9A1E1E !important;
				border: 1px solid #9A1E1E !important;
			}
			.unb-blog-wrap .action-links .btn-delete:hover {
				background: #9A1E1E !important;
				color:      #FFFFFF !important;
			}
			.unb-blog-wrap .action-links .btn-view {
				color:  #6D7678 !important;
				border: 1px solid #9AA3A5 !important;
			}
			.unb-blog-wrap .action-links .btn-view:hover {
				background: #6D7678 !important;
				color:      #FFFFFF !important;
			}
			/* ── Pagination ── */
			.unb-blog-wrap .unb-pagination {
				display:         flex !important;
				align-items:     center !important;
				justify-content: space-between !important;
				padding:         16px 24px !important;
				background:      #F8F9F9 !important;
				border-top:      1px solid #E8ECEC !important;
				flex-wrap:       wrap !important;
				gap:             12px !important;
			}
			.unb-blog-wrap .unb-pagination .pagination-info {
				font-size: 13px !important;
				color:     #6D7678 !important;
			}
			.unb-blog-wrap .unb-pagination .pagination-controls {
				display: flex !important;
				gap:     6px !important;
			}
			.unb-blog-wrap .unb-pagination .pagination-controls button {
				padding:       6px 14px !important;
				border:        1px solid #E8ECEC !important;
				background:    #FFFFFF !important;
				border-radius: 8px !important;
				cursor:        pointer !important;
				font-family:   'Inter', sans-serif !important;
				font-size:     13px !important;
				transition:    all 0.2s !important;
				color:         #6D7678 !important;
			}
			.unb-blog-wrap .unb-pagination .pagination-controls button:hover {
				border-color: #2A5051 !important;
				color:        #2A5051 !important;
			}
			.unb-blog-wrap .unb-pagination .pagination-controls button.active {
				background:   #2A5051 !important;
				color:        #FFFFFF !important;
				border-color: #2A5051 !important;
			}
			.unb-blog-wrap .unb-pagination .pagination-controls button:disabled {
				opacity: 0.4 !important;
				cursor:  not-allowed !important;
			}
			/* ── No Posts ── */
			.unb-blog-wrap .unb-no-posts {
				text-align: center !important;
				padding:    40px 20px !important;
				color:      #6D7678 !important;
			}
			.unb-blog-wrap .unb-no-posts .icon {
				font-size:     48px !important;
				display:       block !important;
				margin-bottom: 12px !important;
			}
			.unb-blog-wrap .unb-no-posts h4 {
				font-family:   'Inter Tight', sans-serif !important;
				font-size:     20px !important;
				font-weight:   700 !important;
				color:         #0E1113 !important;
				margin-bottom: 4px !important;
			}
			/* ── WordPress Editor ── */
			.unb-blog-wrap #wp-editor-wrap {
				margin-bottom: 16px !important;
			}
			.unb-blog-wrap #wp-blogContent-editor-container .mce-toolbar-grp,
			.unb-blog-wrap .mce-top-part {
				background: #F8F9F9 !important;
				border-bottom: 1px solid #E8ECEC !important;
			}
			.unb-blog-wrap #wp-blogContent-editor-container {
				border: 1px solid #E8ECEC !important;
				border-radius: 8px !important;
				overflow: hidden !important;
			}
			.unb-blog-wrap #wp-blogContent-wrap .wp-editor-tabs {
				margin-bottom: 0 !important;
			}
			.unb-blog-wrap #wp-blogContent-wrap .wp-switch-editor {
				background:    #F8F9F9 !important;
				border:        1px solid #E8ECEC !important;
				border-bottom: none !important;
				color:         #6D7678 !important;
				font-family:   'Inter', sans-serif !important;
				font-size:     12px !important;
				padding:       5px 12px !important;
				border-radius: 6px 6px 0 0 !important;
				cursor:        pointer !important;
			}
			.unb-blog-wrap #wp-blogContent-wrap .wp-switch-editor.switch-tmce,
			.unb-blog-wrap #wp-blogContent-wrap .wp-switch-editor:hover {
				background: #2A5051 !important;
				color:      #FFFFFF !important;
				border-color: #2A5051 !important;
			}
			.unb-blog-wrap #blogContent {
				width:         100% !important;
				min-height:    220px !important;
				padding:       10px 14px !important;
				border:        1px solid #E8ECEC !important;
				border-radius: 0 0 8px 8px !important;
				font-family:   'Inter', sans-serif !important;
				font-size:     14px !important;
				color:         #0E1113 !important;
				background:    #FFFFFF !important;
				resize:        vertical !important;
			}
			.unb-blog-wrap #blogContent:focus {
				border-color: #2A5051 !important;
				box-shadow:   0 0 0 3px rgba(42,80,81,0.08) !important;
				outline:      none !important;
			}
			.unb-blog-wrap #qt_blogContent_toolbar {
				background:    #F8F9F9 !important;
				border:        1px solid #E8ECEC !important;
				border-bottom: none !important;
				padding:       4px 8px !important;
				border-radius: 8px 8px 0 0 !important;
			}
			.unb-blog-wrap #qt_blogContent_toolbar input {
				background:    #FFFFFF !important;
				border:        1px solid #E8ECEC !important;
				border-radius: 4px !important;
				color:         #2A5051 !important;
				font-size:     11px !important;
				font-weight:   600 !important;
				padding:       3px 8px !important;
				cursor:        pointer !important;
				margin:        2px !important;
			}
			.unb-blog-wrap #qt_blogContent_toolbar input:hover {
				background:   #2A5051 !important;
				color:        #FFFFFF !important;
				border-color: #2A5051 !important;
			}
			/* ── Loading ── */
			.unb-blog-wrap .unb-loading {
				text-align: center !important;
				padding:    20px !important;
				color:      #6D7678 !important;
				font-size:  14px !important;
			}
			/* ── Responsive ── */
			@media (max-width: 768px) {
				.unb-blog-wrap                                { padding: 12px !important; }
				.unb-blog-wrap .unb-blog-hero                { padding: 30px 24px !important; }
				.unb-blog-wrap .unb-blog-hero h1             { font-size: 28px !important; }
				.unb-blog-wrap .unb-blog-hero::before        { font-size: 80px !important; }
				.unb-blog-wrap .hero-stats                   { gap: 20px !important; }
				.unb-blog-wrap .hero-stats .stat strong      { font-size: 20px !important; }
				.unb-blog-wrap .unb-blog-form                { padding: 20px !important; }
				.unb-blog-wrap .unb-blog-form .form-row      { grid-template-columns: 1fr !important; }
				.unb-blog-wrap .unb-table                    { font-size: 12px !important; }
				.unb-blog-wrap .unb-table th,
				.unb-blog-wrap .unb-table td                 { padding: 8px 10px !important; }
				.unb-blog-wrap .action-links a               { font-size: 10px !important; padding: 2px 8px !important; }
				.unb-blog-wrap .unb-pagination               { flex-direction: column !important; text-align: center !important; }
				.unb-blog-wrap .unb-table-header             { flex-direction: column !important; align-items: stretch !important; }
			}
			@media (max-width: 480px) {
				.unb-blog-wrap .unb-blog-hero h1             { font-size: 22px !important; }
				.unb-blog-wrap .hero-stats                   { flex-wrap: wrap !important; gap: 12px !important; }
				.unb-blog-wrap .hero-stats .stat             { font-size: 10px !important; }
				.unb-blog-wrap .hero-stats .stat strong      { font-size: 18px !important; }
				.unb-blog-wrap .unb-table                    { display: block !important; overflow-x: auto !important; }
				.unb-blog-wrap .unb-table th,
				.unb-blog-wrap .unb-table td                 { white-space: nowrap !important; }
				.unb-blog-wrap .unb-toggle-btn               { width: 100% !important; text-align: center !important; }
			}