/* Homatar theme of the default Odoo pages (blog, contact form, jobs, portal, login). Active only where the Homatar header is injected. */
body:has(.hp-site-mark){
  --bs-body-color:#F4EFE6;--bs-body-bg:#05090E;--bs-heading-color:#F4EFE6;--bs-emphasis-color:#F4EFE6;
  --bs-secondary-color:rgba(244,239,230,.72);--bs-secondary-bg:rgba(8,15,22,.6);--bs-tertiary-color:rgba(244,239,230,.6);--bs-tertiary-bg:rgba(8,15,22,.5);
  --bs-border-color:rgba(244,239,230,.16);--bs-link-color:#C9A96E;--bs-link-hover-color:#d8bb85;
  background:#05090E;color:#F4EFE6}
body:has(.hp-site-mark) #wrapwrap{background:transparent;color:#F4EFE6}
body:has(.hp-site-mark) header#top,body:has(.hp-site-mark) footer#bottom{display:none !important}
body:has(.hp-site-mark) #wrapwrap>main{position:relative;z-index:10;padding-top:130px;min-height:70vh}
body:has(.hp-site-mark) .hp-site-foot{position:relative;z-index:10;padding:0 var(--mr) 0 var(--ml);max-width:1280px;margin:0 auto}
body:has(.hp-site-mark) .hp-site-foot .vl-ftr{margin-top:90px}
body:has(.hp-site-mark) .hp-site-foot .vl-legal{padding-bottom:30px}
body:has(.hp-site-mark) .hp-site-top .vl-hdr{background:linear-gradient(to bottom,rgba(3,8,13,.7),rgba(3,8,13,0))}
/* colour-combination blocks of the website builder lose their light backgrounds */
body:has(.hp-site-mark) .o_cc,body:has(.hp-site-mark) [class*="o_cc"],body:has(.hp-site-mark) .bg-white,body:has(.hp-site-mark) .bg-light,body:has(.hp-site-mark) .bg-body{background-color:transparent !important;color:inherit}
body:has(.hp-site-mark) h1,body:has(.hp-site-mark) h2,body:has(.hp-site-mark) h3,body:has(.hp-site-mark) h4,body:has(.hp-site-mark) h5,body:has(.hp-site-mark) h6{color:#F4EFE6}
body:has(.hp-site-mark) .text-muted,body:has(.hp-site-mark) .text-body-secondary,body:has(.hp-site-mark) .text-500{color:rgba(244,239,230,.62) !important}
body:has(.hp-site-mark) .text-reset{color:inherit !important}
body:has(.hp-site-mark) .border,body:has(.hp-site-mark) .border-bottom,body:has(.hp-site-mark) .border-top{border-color:rgba(244,239,230,.16) !important}
body:has(.hp-site-mark) hr{border-color:rgba(244,239,230,.16);opacity:1}
body:has(.hp-site-mark) #wrap a:not(.btn):not(.o_wblog_share_links):hover{color:#C9A96E}
/* forms and buttons */
body:has(.hp-site-mark) .form-control,body:has(.hp-site-mark) .form-select,body:has(.hp-site-mark) textarea,body:has(.hp-site-mark) .oe_search_box{background:#121B25;border:1px solid rgba(244,239,230,.12);border-radius:12px;color:#F4EFE6}
body:has(.hp-site-mark) .form-control:focus,body:has(.hp-site-mark) .form-select:focus{background:#121B25;color:#F4EFE6;border-color:rgba(244,239,230,.45);box-shadow:none}
body:has(.hp-site-mark) .form-control::placeholder{color:rgba(244,239,230,.35)}
body:has(.hp-site-mark) .btn-primary{background:#C9A96E;border-color:#C9A96E;color:#0B1622;border-radius:999px;font-weight:700}
body:has(.hp-site-mark) .btn-primary:hover,body:has(.hp-site-mark) .btn-primary:focus{background:#d8bb85;border-color:#d8bb85;color:#0B1622}
body:has(.hp-site-mark) .btn-secondary,body:has(.hp-site-mark) .btn-light,body:has(.hp-site-mark) .btn-outline-primary{background:rgba(8,15,22,.5);border:1px solid rgba(244,239,230,.16);color:#F4EFE6;border-radius:999px}
body:has(.hp-site-mark) .btn-secondary:hover,body:has(.hp-site-mark) .btn-light:hover,body:has(.hp-site-mark) .btn-outline-primary:hover{background:rgba(8,15,22,.7);color:#C9A96E;border-color:#C9A96E}
body:has(.hp-site-mark) .card,body:has(.hp-site-mark) .dropdown-menu,body:has(.hp-site-mark) .list-group-item{background:rgba(8,15,22,.55);border:1px solid rgba(244,239,230,.16);color:#F4EFE6}
body:has(.hp-site-mark) .table{--bs-table-color:#F4EFE6;--bs-table-bg:transparent;--bs-table-border-color:rgba(244,239,230,.16)}
/* blog index */
body:has(.hp-site-mark) .website_blog h1.h4-fs{font-size:clamp(28px,3.4vw,44px);margin-bottom:10px}
body:has(.hp-site-mark) .o_wblog_category .btn{padding:6px 18px;font-size:14px}
body:has(.hp-site-mark) .o_wblog_category .btn.active{background:#C9A96E !important;border-color:#C9A96E !important;color:#0B1622 !important}
body:has(.hp-site-mark) .o_wblog_post{background:rgba(8,15,22,.42);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(244,239,230,.16);border-radius:22px;padding:14px 14px 4px;transition:background .3s,transform .3s}
body:has(.hp-site-mark) .o_wblog_post:hover{background:rgba(8,15,22,.68);transform:translateY(-3px)}
body:has(.hp-site-mark) .o_wblog_post .o_wblog_post_cover{border-radius:14px}
body:has(.hp-site-mark) .o_wblog_post h2{font-size:18px;font-weight:700;line-height:1.7;color:#F4EFE6}
body:has(.hp-site-mark) .o_wblog_post .o_wblog_teaser{color:rgba(244,239,230,.72);font-size:14.5px;line-height:1.95}
body:has(.hp-site-mark) .o_wblog_post .fw-bold{color:#C9A96E}
/* blog post: readable paper panel for the article body (editor content brings its own colours) */
body:has(.hp-site-mark) .o_wblog_post_name{font-size:clamp(26px,3.4vw,44px);line-height:1.6;color:#F4EFE6}
body:has(.hp-site-mark) .o_wblog_post_page_cover{border-radius:22px;border:1px solid rgba(244,239,230,.16)}
body:has(.hp-site-mark) .o_wblog_post_content_field{background:#F4EFE6;color:#1b2733;border-radius:26px;padding:clamp(22px,4vw,52px);line-height:2.1;font-size:16.5px}
body:has(.hp-site-mark) .o_wblog_post_content_field h1,body:has(.hp-site-mark) .o_wblog_post_content_field h2,body:has(.hp-site-mark) .o_wblog_post_content_field h3,body:has(.hp-site-mark) .o_wblog_post_content_field h4{color:#0B1622;line-height:1.7;margin-top:1.4em}
body:has(.hp-site-mark) .o_wblog_post_content_field a{color:#0B5FA5;text-decoration:underline}
body:has(.hp-site-mark) .o_wblog_post_content_field img{max-width:100%;height:auto;border-radius:12px}
body:has(.hp-site-mark) .o_wblog_toc,body:has(.hp-site-mark) .o_wblog_sidebar_block{background:rgba(8,15,22,.42);border-color:rgba(244,239,230,.16) !important}
body:has(.hp-site-mark) .o_wblog_single_breadcrumb_item{color:#C9A96E}
@media (max-width:900px){body:has(.hp-site-mark) #wrapwrap>main{padding-top:100px}}
/* website builder (edit mode): bring back the default header and footer so they can be edited */
.editor_enable .hp-site-top,.editor_enable .hp-site-foot{display:none !important}
.editor_enable header#top,.editor_enable footer#bottom{display:block !important}
/* links under every blog post */
body:has(.hp-site-mark) .hp-post-next{margin-top:40px;padding:28px 30px;border-radius:22px;background:rgba(8,15,22,.42);border:1px solid rgba(244,239,230,.16)}
body:has(.hp-site-mark) .hp-post-next h2{font-size:22px;margin:0 0 6px}
body:has(.hp-site-mark) .hp-post-next p{margin:0 0 16px;color:rgba(244,239,230,.72)}
body:has(.hp-site-mark) .hp-post-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body:has(.hp-site-mark) .hp-post-links a:not(.btn){border:1px solid rgba(244,239,230,.16);border-radius:999px;padding:6px 16px;font-size:14px;color:rgba(244,239,230,.8)}
body:has(.hp-site-mark) .hp-post-links a:not(.btn):hover{color:#C9A96E;border-color:#C9A96E}