/* ==========================================================================
   EDAAT blog skin (2026 rebuild)
   Re-skins Odoo's website_blog pages (listing + article) with the premium
   tokens. Loaded after blog.css on blog pages only (views/blog_theme.xml).
   ========================================================================== */
/*rtl:begin:ignore*/
html .website_blog {
  --navy: #014A74; --deep: #032d45; --teal: #00B4A5; --teal-d: #00756c; --teal-l: #5fe0d4;
  --ink: #133349; --muted: #55707f; --line: #dfe9ee; --soft: #f3f8fa; --mint: #e7f7f5;
  font-family: 'Changa', 'Segoe UI', Tahoma, sans-serif !important;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.8;
  background: #fff;
}
html .website_blog :is(h1, h2, h3, h4, h5, .h5, p, a, span, div, li, time, input, button) { font-family: inherit; }
html .website_blog a { color: var(--teal-d); }
html .website_blog a:hover { color: var(--navy); }

/* ---- listing cover ---- */
html .website_blog #o_wblog_blog_top .o_wblog_post_page_cover {
  min-height: 0 !important;
  background: radial-gradient(1200px 500px at 85% 0%, #06476a 0%, transparent 60%), linear-gradient(135deg, #032d45 0%, #014A74 100%) !important;
  padding-block: 64px 56px;
}
html .website_blog #o_wblog_blog_top .o_record_cover_filter { opacity: 0 !important; }
html .website_blog #o_wblog_post_name { font-size: 46px; font-weight: 800; line-height: 1.3; color: #fff; }
html .website_blog #o_wblog_blog_top #o_wblog_post_subtitle { font-size: 19px; color: #c4dae4 !important; max-width: 760px; margin-inline: auto; margin-block-start: 12px; opacity: 1; }

/* ---- tag filter + search ---- */
html .website_blog nav.navbar { padding-block: 28px 0 !important; }
html .website_blog .o_wblog_tag_filter_label { color: var(--navy); font-weight: 600; }
html .website_blog .o_tag {
  background: var(--mint) !important; color: var(--teal-d) !important; border: 1px solid #bfe8e3;
  border-radius: 999px; font-weight: 600; font-size: 14px; padding: 6px 14px; line-height: 1.4;
}
html .website_blog .o_tag:hover { background: var(--teal) !important; color: var(--deep) !important; border-color: var(--teal); }
html .website_blog .oe_search_box { min-height: 48px; border: 1px solid #c9dbe4 !important; background: #fff !important; border-radius: 12px !important; font-size: 16px; }
html .website_blog .oe_search_button { border-radius: 12px !important; background: var(--soft) !important; border: 1px solid #c9dbe4 !important; color: var(--navy); }
html .website_blog .input-group > .oe_search_box { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; }

/* ---- cards ---- */
html .website_blog .o_wblog_page_cards_bg { background: #fff; }
html .website_blog .card.o_wblog_post {
  border: 1px solid var(--line) !important; border-radius: 22px !important; overflow: hidden;
  box-shadow: none; transition: box-shadow .2s, transform .2s, border-color .2s;
}
html .website_blog .card.o_wblog_post:hover { box-shadow: 0 18px 44px rgba(1, 74, 116, .10) !important; transform: translateY(-2px); border-color: #a9dcd6 !important; }
html .website_blog #o_wblog_posts_loop .card .card-img-top { margin: 0 !important; }
html .website_blog #o_wblog_posts_loop .card .card-img-top .o_record_cover_container { aspect-ratio: 16 / 9; height: auto !important; min-height: 0 !important; }
html .website_blog .o_wblog_card_meta, html .website_blog .card-body, html .website_blog .card-footer { padding-inline: 22px !important; }
html .website_blog .o_wblog_card_meta { padding-block-start: 18px !important; color: var(--muted); font-size: 14px; gap: 6px; }
html .website_blog .o_wblog_card_meta_date { color: var(--muted); font-weight: 500; }
html .website_blog .o_blog_post_title { color: var(--navy) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.55 !important; margin-block: 6px 0 !important; }
html .website_blog .card:hover .o_blog_post_title { color: var(--teal-d) !important; }
html .website_blog .card .o_wblog_normalize_font { color: var(--muted); font-size: 15px; line-height: 1.7; }
html .website_blog .card .card-footer { background: transparent !important; border-block-start: 1px solid var(--line) !important; padding-block: 14px 18px !important; }
html .website_blog .card .card-footer time { display: none; }
html .website_blog .o_wblog_card_read_more_label { color: var(--teal-d); font-weight: 600; font-size: 15px; }
html .website_blog .o_wblog_card_read_more_arrow path { stroke: var(--teal-d); }
html .website_blog .pagination .page-link { border-radius: 10px !important; border-color: var(--line); color: var(--navy); margin-inline: 3px; min-width: 42px; text-align: center; }
html .website_blog .pagination .page-item.active .page-link { background: var(--navy); border-color: var(--navy); color: #fff; }

/* ---- article ---- */
html .website_blog .o_wblog_post_page_cover_regular, html .website_blog #o_wblog_post_top { padding-block-start: 24px; }
html .website_blog #o_wblog_post_top #o_wblog_post_name,
html .website_blog .o_wblog_post_page_cover_regular #o_wblog_post_name { color: var(--navy); font-size: 44px; font-weight: 800; line-height: 1.35; }
html .website_blog #o_wblog_post_top #o_wblog_post_subtitle { color: var(--muted); font-size: 19px; }
html .website_blog .breadcrumb { font-size: 14px; }
html .website_blog .breadcrumb a { color: var(--muted); }
html .website_blog .o_record_cover_container.o_wblog_post_page_cover:not(.cover_auto) { border-radius: 22px; overflow: hidden; }
html .website_blog #o_wblog_post_content { max-width: 780px; margin-inline: auto; }
html .website_blog .o_wblog_post_content_field { font-size: 18px; line-height: 1.95; color: var(--ink); }
html .website_blog .o_wblog_post_content_field :is(h2, h3, h4) { color: var(--navy) !important; font-weight: 700; line-height: 1.45; margin-block: 1.6em .6em; }
html .website_blog .o_wblog_post_content_field h2 { font-size: 30px; }
html .website_blog .o_wblog_post_content_field h3 { font-size: 23px; }
html .website_blog .o_wblog_post_content_field p { margin-block-end: 1.1em; }
html .website_blog .o_wblog_post_content_field :is(ul, ol) { padding-inline-start: 1.4em; margin-block-end: 1.1em; }
html .website_blog .o_wblog_post_content_field li { margin-block-end: .4em; }
html .website_blog .o_wblog_post_content_field li::marker { color: var(--teal-d); }
html .website_blog .o_wblog_post_content_field a { text-decoration: underline; text-underline-offset: 4px; }
html .website_blog .o_wblog_post_content_field blockquote { border-inline-start: 4px solid var(--teal); background: var(--mint); border-radius: 14px; padding: 16px 22px; color: var(--navy); }
html .website_blog .o_wblog_post_content_field table { width: 100%; border-collapse: collapse; margin-block: 1.2em; font-size: 16px; }
html .website_blog .o_wblog_post_content_field :is(th, td) { border: 1px solid var(--line); padding: 10px 14px; text-align: start; }
html .website_blog .o_wblog_post_content_field th { background: var(--soft); color: var(--navy); }
html .website_blog .o_wblog_post_content_field img { border-radius: 18px; }
html .website_blog #o_wblog_post_footer { border-block-start: 1px solid var(--line); margin-block-start: 40px; }
html .website_blog #o_wblog_post_footer :is(h1, h2, h3, .h1, .h2, .h3, .h4, .h5, a) { color: var(--navy); }
html .website_blog span.bg-o-color-3, html .website_blog #o_wblog_post_footer .badge { background: var(--mint) !important; color: var(--teal-d) !important; border-radius: 999px; font-weight: 600; }

/* ---- featured first post (page 1, no filter) ---- */
@media (min-width: 992px) {
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child { flex: 0 0 100%; max-width: 100%; width: 100%; padding-block-end: 32px !important; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child > .card {
    display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-rows: auto 1fr auto;
    border-radius: 26px !important;
  }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child > .card > .card-img-top { grid-column: 1; grid-row: 1 / span 3; margin: 0 !important; height: 100%; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child > .card > .card-img-top .o_record_cover_container { aspect-ratio: auto; min-height: 380px !important; height: 100% !important; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child > .card > :not(.card-img-top) { grid-column: 2; padding-inline: 40px !important; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child > .card > .o_wblog_card_meta { padding-block-start: 40px !important; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child > .card > .card-body { align-self: center; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child .o_blog_post_title { font-size: 30px !important; line-height: 1.45 !important; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child .o_wblog_normalize_font { font-size: 17px; }
  html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child > .card > .card-footer { padding-block: 18px 28px !important; }
}
html .website_blog #o_wblog_posts_loop.ed-blog-featured > .row > div:first-child .o_wblog_card_meta_label::before {
  content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--teal); margin-inline-end: 8px; vertical-align: middle;
}
html .website_blog #o_wblog_blog_top #o_wblog_post_name { font-family: 'Changa', 'Segoe UI', Tahoma, sans-serif !important; letter-spacing: 0; }
html .website_blog :is(.o_wblog_card_meta_label, .o_wblog_card_meta_date) { letter-spacing: 0 !important; text-transform: none !important; font-size: 14px !important; font-weight: 500 !important; }
html .website_blog .o_wblog_card_meta_date { unicode-bidi: isolate; margin-inline-start: 6px !important; }
html[dir="rtl"] .website_blog .o_wblog_card_meta_date, html[lang^="ar"] .website_blog .o_wblog_card_meta_date { direction: rtl; }

/* call to action under each article (added by blog_layout_overrides) */
html .website_blog .ed-blog-cta { max-width: 780px; margin: 40px auto 0; padding: 28px 32px; border-radius: 22px; background: linear-gradient(135deg, #032d45 0%, #014A74 100%); color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
html .website_blog .ed-blog-cta b { font-size: 22px; font-weight: 700; display: block; line-height: 1.45; }
html .website_blog .ed-blog-cta span { color: #c4dae4; font-size: 16px; }
html .website_blog .ed-blog-cta a { background: var(--teal); color: var(--deep) !important; border-radius: 12px; min-height: 52px; padding: 0 24px; display: inline-flex; align-items: center; font-weight: 600; text-decoration: none; }
html .website_blog .ed-blog-cta a:hover { background: #2fd0c2; }

@media (max-width: 620px) {
  html .website_blog { font-size: 16px; }
  html .website_blog #o_wblog_post_name { font-size: 32px !important; }
  html .website_blog .o_wblog_post_content_field { font-size: 17px; }
  html .website_blog .o_wblog_post_content_field h2 { font-size: 24px; }
  html .website_blog .ed-blog-cta { padding: 22px; }
  html .website_blog .ed-blog-cta a { width: 100%; justify-content: center; }
}
/* ---- direction + closing band ---- */
html[dir="rtl"] .website_blog, html[dir="rtl"] .website_blog .card { direction: rtl; text-align: right; }
html .website_blog #o_wblog_blog_top #o_wblog_post_name { font-weight: 800 !important; }
html .website_blog .ed-blog-band { padding-block: 24px 88px; background: #fff; }
html .website_blog .ed-blog-band__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 40px; padding: 44px 48px; border-radius: 26px; color: #fff;
  background: radial-gradient(700px 300px at 85% 0%, #06476a 0%, transparent 60%), linear-gradient(135deg, #032d45 0%, #014A74 100%); }
html .website_blog .ed-blog-band__in > div:first-child { flex: 1 1 420px; }
html .website_blog .ed-blog-band__eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--teal-l); font-weight: 600; font-size: 15px; }
html .website_blog .ed-blog-band__eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--teal-l); }
html .website_blog .ed-blog-band h2 { color: #fff !important; font-size: 32px; font-weight: 700; line-height: 1.45; margin: 8px 0 6px; }
html .website_blog .ed-blog-band p { color: #c4dae4; margin: 0; font-size: 17px; }
html .website_blog .ed-blog-band__actions { display: flex; flex-wrap: wrap; gap: 12px; }
html .website_blog .ed-blog-band__btn { background: var(--teal); color: var(--deep) !important; border-radius: 12px; min-height: 52px; padding: 0 26px; display: inline-flex; align-items: center; font-weight: 600; text-decoration: none; }
html .website_blog .ed-blog-band__btn:hover { background: #2fd0c2; }
html .website_blog .ed-blog-band__link { border: 1px solid rgba(255,255,255,.28); color: #fff !important; border-radius: 12px; min-height: 52px; padding: 0 22px; display: inline-flex; align-items: center; font-weight: 600; text-decoration: none; }
html .website_blog .ed-blog-band__link:hover { border-color: var(--teal-l); }
@media (max-width: 620px) {
  html .website_blog .ed-blog-band { padding-block: 8px 56px; }
  html .website_blog .ed-blog-band__in { padding: 28px 22px; }
  html .website_blog .ed-blog-band h2 { font-size: 24px; }
  html .website_blog .ed-blog-band__actions, html .website_blog .ed-blog-band__actions a { width: 100%; justify-content: center; }
}
/*rtl:end:ignore*/