/* /highlights_website_individual/static/src/css/blog_chrome.css */
 :root{--primary-color: #00677F; --secondary-color: #004165; --primary-teal: #00677F; --primary-navy: #004165; --accent-color: #F6F6F6; --text-dark: #1a1a1a; --text-light: #666666; --white: #ffffff; --border-light: #e5e5e5; --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1); --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15); --transition: all 0.3s ease; --footer-bg: #004165;}.container{max-width: 1200px; margin: 0 auto; padding: 0 20px;}.o_rtl .blog-header, .o_rtl .blog-footer{direction: rtl;}.blog-header{background: var(--white); border-bottom: 1px solid var(--border-light); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-light);}.blog-header .header-content{display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; gap: 2rem;}.blog-header .header-actions{display: flex; align-items: center; gap: 1rem; flex-shrink: 0; white-space: nowrap;}.blog-header .logo-img{height: 50px; width: auto;}.blog-header .nav{display: flex; gap: 2rem; align-items: center;}.blog-header .nav-link.dropdown-toggle{display: flex; align-items: center; gap: 5px;}.blog-header .nav-link{text-decoration: none; color: var(--text-dark); font-weight: 500; font-size: 1rem; transition: color 0.3s ease; padding: 0.5rem 0;}.blog-header .nav-link:hover, .blog-header .nav-link.active{color: var(--primary-teal);}.blog-header .cta-button{display: inline-block; padding: 0.75rem 1.5rem; border-radius: 0.5rem; text-decoration: none; font-weight: 600; font-size: 1rem; text-align: center; transition: all 0.3s ease; border: none; cursor: pointer;}.blog-header .cta-button.primary{background: var(--primary-teal); color: var(--white);}.blog-header .cta-button.primary:hover{background: var(--primary-navy); transform: translateY(-2px); box-shadow: var(--shadow-medium);}.blog-header .language-toggle{display: inline-block; background: none; border: 1px solid var(--border-light); padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; text-decoration: none; color: var(--text-dark); transition: all 0.3s ease;}.blog-header .language-toggle:hover{border-color: var(--primary-teal); color: var(--primary-teal);}html[lang^="en"] .blog-header .nav{gap: 1.25rem;}html[lang^="en"] .blog-header .nav-link{font-size: 0.875rem;}html[lang^="en"] .blog-header .cta-button{font-size: 0.82rem; padding: 0.55rem 0.9rem; white-space: nowrap;}@media (min-width: 992px){.blog-header .nav > .dropdown .dropdown-menu{min-width: 320px; max-width: 460px; padding: 0.35rem 0; border-radius: 10px; border: 1px solid rgba(20, 33, 43, 0.16); background: #ffffff; box-shadow: 0 10px 22px rgba(8, 18, 28, 0.18); margin-top: 0.32rem;}.blog-header .nav > .dropdown .dropdown-item{display: block; white-space: normal; font-size: 0.9rem; line-height: 1.3; font-weight: 700; padding: 0.52rem 1rem; color: #1f2329;}.blog-header .nav > .dropdown .dropdown-item:hover, .blog-header .nav > .dropdown .dropdown-item:focus{color: #0f4b58; background: rgba(15, 75, 88, 0.08);}.o_rtl .blog-header .nav > .dropdown .dropdown-menu{text-align: right;}}.blog-header .hl-mobile-menu-toggle{display: none; appearance: none; border: 1px solid var(--border-light); background: #ffffff; color: var(--text-dark); border-radius: 10px; width: 44px; height: 44px; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;}.blog-header .hl-mobile-header-tools{display: none;}.blog-header .hl-mobile-menu-toggle:hover{border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 103, 127, 0.12);}.blog-header .hl-mobile-menu-toggle:focus-visible{outline: 2px solid var(--primary-color); outline-offset: 2px;}.blog-header .hl-menu-icon{width: 20px; height: 14px; display: inline-flex; flex-direction: column; justify-content: space-between;}.blog-header .hl-menu-icon span{display: block; width: 100%; height: 2px; border-radius: 999px; background: currentColor; transform-origin: center; transition: transform 0.24s ease, opacity 0.24s ease;}.blog-header .header-content.is-mobile-open .hl-menu-icon span:nth-child(1){transform: translateY(6px) rotate(45deg);}.blog-header .header-content.is-mobile-open .hl-menu-icon span:nth-child(2){opacity: 0;}.blog-header .header-content.is-mobile-open .hl-menu-icon span:nth-child(3){transform: translateY(-6px) rotate(-45deg);}.blog-header .hl-mobile-menu-panel{display: flex; align-items: center; gap: 1.25rem; margin-inline-start: auto;}@media (max-width: 991.98px){.blog-header .header-content{flex-direction: row; justify-content: flex-start; flex-wrap: wrap; gap: 0.75rem; align-items: center;}.blog-header .logo{order: 1; margin: 0;}.blog-header .hl-mobile-header-tools{order: 2; display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; margin-inline-start: auto;}.blog-header .hl-mobile-header-tools .hl-mobile-menu-toggle{display: inline-flex; margin: 0;}.blog-header .hl-mobile-header-tools .language-toggle{flex-shrink: 0; min-height: 44px; white-space: nowrap;}.blog-header .hl-mobile-menu-panel{order: 3; width: 100%; margin-inline-start: 0; display: none; flex-direction: column; align-items: stretch; gap: 0.9rem; background: #ffffff; border: 1px solid var(--border-light); border-radius: 12px; padding: 0.9rem; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);}.blog-header .header-content.is-mobile-open .hl-mobile-menu-panel{display: flex;}.blog-header .hl-mobile-menu-panel > .nav{order: 1; display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 0.15rem;}.blog-header .hl-mobile-menu-panel > .nav > .nav-link, .blog-header .hl-mobile-menu-panel > .nav .dropdown-toggle{width: 100%; padding: 0.62rem 0.5rem; border-radius: 8px; line-height: 1.3;}.blog-header .hl-mobile-menu-panel > .nav > .nav-link:hover, .blog-header .hl-mobile-menu-panel > .nav .dropdown-toggle:hover{background: rgba(0, 103, 127, 0.08);}.blog-header .hl-mobile-menu-panel > .nav .dropdown{width: 100%;}.blog-header .hl-mobile-menu-panel > .nav .dropdown-menu{position: static; float: none; transform: none; margin-top: 0.35rem; width: 100%; box-shadow: none; border: 1px solid var(--border-light);}.blog-header .hl-mobile-menu-panel > .header-actions{order: 2; display: grid; grid-template-columns: 1fr; gap: 0.7rem; width: 100%;}.blog-header .hl-mobile-menu-panel > .header-actions .language-toggle, .blog-header .hl-mobile-menu-panel > .header-actions .cta-button{width: 100%; text-align: center; justify-content: center;}}.footer{background: var(--secondary-color); color: var(--white); padding: 3rem 0 1rem;}.footer-content{display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem;}.footer-section h3{font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem;}.footer-section p, .footer-section a{color: rgba(255, 255, 255, 0.8); text-decoration: none; line-height: 1.6;}.footer-section a:hover{color: var(--white);}.footer-links{display: flex; flex-direction: column; gap: 0.5rem;}.footer-bottom{text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6);}

/* /highlights_website_individual/static/src/css/blog.css */
 .website_blog{--primary-color: #00677F; --primary-navy: #004165; --text-dark: #1a1a1a; --text-light: #666666; --border-light: #e5e5e5; --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1); --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);}.o_rtl .website_blog{direction: rtl;}html[lang^="ar"] .website_blog{font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}html[lang^="en"] .website_blog{font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;}.website_blog a{color: var(--primary-color);}.website_blog a:hover{color: var(--primary-navy);}.website_blog .btn-primary{background-color: var(--primary-color); border-color: var(--primary-color);}.website_blog .btn-primary:hover{background-color: var(--primary-navy); border-color: var(--primary-navy);}.website_blog .o_wblog_post_page_cover.cover_auto{min-height: 240px; max-height: 340px; padding: 3.5rem 0; display: flex; flex-direction: column; justify-content: center;}.website_blog .o_wblog_post_page_cover.o_cc3{background: linear-gradient(135deg, var(--primary-navy), var(--primary-color));}.website_blog .o_wblog_post_page_cover #o_wblog_post_name, .website_blog .o_wblog_post_page_cover #o_wblog_post_subtitle{color: #fff;}.website_blog .o_wblog_post_page_cover, .website_blog .o_wblog_post_page_cover_regular{border-radius: 0 !important; overflow: hidden;}.website_blog .o_wblog_post_page_cover.cover_auto > .container{align-items: center; text-align: center;}.website_blog .o_tag{background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important; border-radius: 999px; font-weight: 500;}.website_blog .o_tag:hover{background-color: var(--primary-navy) !important; border-color: var(--primary-navy) !important;}.website_blog .o_wblog_tag_filter_bar{display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 1rem 0 1.5rem;}.website_blog nav.navbar > .container{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem;}.website_blog nav.navbar > .container form.o_searchbar_form{margin-left: 0 !important; margin-right: 0 !important;}.website_blog .oe_search_box{border-start-start-radius: 6.4px !important; border-end-start-radius: 6.4px !important; border-start-end-radius: 0 !important; border-end-end-radius: 0 !important;}.website_blog .oe_search_button{border-start-end-radius: 6.4px !important; border-end-end-radius: 6.4px !important; border-start-start-radius: 0 !important; border-end-start-radius: 0 !important;}.website_blog .card, .website_blog .o_wblog_post{border-radius: 12px; overflow: hidden;}.website_blog .card{border: 1px solid var(--border-light); box-shadow: var(--shadow-light); transition: transform 0.25s ease, box-shadow 0.25s ease;}.website_blog .card:hover{transform: translateY(-4px); box-shadow: var(--shadow-hover);}.website_blog .card .card-img-top{overflow: hidden;}#o_wblog_posts_loop .card .card-img-top .o_record_cover_container{padding-top: 56.25% !important; height: auto !important; min-height: 0 !important;}#o_wblog_posts_loop .card .card-img-top .o_record_cover_image{background-size: cover; background-position: center;}.website_blog .card .card-footer > .d-flex.small.flex-wrap.mb-1.w-100{display: none !important;}.o_wblog_card_meta_label, .o_wblog_card_meta_date{font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--text-light);}.website_blog .o_blog_post_title{color: var(--text-dark); font-size: 1.05rem; font-weight: 700; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.website_blog .card:hover .o_blog_post_title{color: var(--primary-color);}.website_blog .card .o_wblog_read_text{color: var(--text-light); font-size: 0.9rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.website_blog .card .card-footer{border-top: 1px solid var(--border-light); background-color: transparent;}.o_wblog_card_read_more_label{font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-dark);}.o_wblog_card_read_more:hover .o_wblog_card_read_more_label{color: var(--primary-color);}.o_wblog_card_read_more_arrow svg{width: 18px; height: 8px; display: block; transition: transform 0.2s ease;}.o_wblog_card_read_more_arrow path{fill: none; stroke: var(--primary-color); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}.o_wblog_card_read_more:hover .o_wblog_card_read_more_arrow svg{transform: translateX(3px);}.o_rtl .website_blog .o_wblog_card_read_more_arrow svg{transform: scaleX(-1);}.o_rtl .website_blog .o_wblog_card_read_more:hover .o_wblog_card_read_more_arrow svg{transform: scaleX(-1) translateX(3px);}.website_blog .pagination .page-link{border-radius: 999px; margin: 0 0.15rem; color: var(--text-dark); border-color: var(--border-light);}.website_blog .pagination .page-item.active .page-link{background-color: var(--primary-color); border-color: var(--primary-color); color: #fff;}.website_blog .pagination .page-item.disabled .page-link{opacity: 0.5;}.o_rtl .website_blog .pagination .page-link .fa-chevron-left, .o_rtl .website_blog .pagination .page-link .fa-chevron-right{transform: scaleX(-1);}.website_blog .o_wblog_post_content_field h2{font-size: 1.75rem; font-weight: 700; margin: 2rem 0 1rem; color: var(--text-dark);}.website_blog .o_wblog_post_content_field h3{font-size: 1.35rem; font-weight: 600; margin: 1.75rem 0 0.75rem; color: var(--text-dark);}.website_blog .o_wblog_post_content_field h4{font-size: 1.1rem; font-weight: 600; margin: 1.5rem 0 0.5rem; color: var(--text-dark);}.website_blog .o_wblog_post_content_field p{line-height: 1.75; color: var(--text-dark);}.website_blog .o_wblog_post_content_field blockquote{border-inline-start: 4px solid var(--primary-color); padding-inline-start: 1.25rem; margin: 1.5rem 0; font-style: italic; color: var(--text-light);}.website_blog .o_wblog_post_content_field img{border-radius: 12px;}.website_blog .o_wblog_author_avatar, .website_blog .o_wblog_author_avatar_date{width: 32px; height: 32px;}.website_blog span.bg-o-color-3{background-color: var(--primary-color) !important; color: #fff;}.website_blog #o_wblog_post_footer .d-flex.text-end{border-radius: 12px; transition: transform 0.25s ease;}.website_blog #o_wblog_post_footer .d-flex.text-end:hover{transform: translateY(-2px);}.website_blog .breadcrumb .breadcrumb-item + .breadcrumb-item::before{color: var(--text-light);}.o_rtl .website_blog .breadcrumb-item + .breadcrumb-item{padding-right: 0.5rem; padding-left: 0;}.o_rtl .website_blog .breadcrumb-item + .breadcrumb-item::before{float: right; padding-left: 0.5rem; padding-right: 0;}