/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.1
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */

/* Accessibility: improve color contrast for links and helper text on light backgrounds */
.entry-header-outer #breadcrumb a,
.author-meta .meta-author > a.author-name,
.entry-content .ez-toc-container a,
.entry-content .lightbulb a,
.entry-content .post-bottom-meta .tagcloud a,
.sidebar .posts-list-items .post-widget-body > a.post-title,
.footer-menu-wrapper .copyright-text a,
.footer-menu-wrapper .social-icons .social-link .screen-reader-text,
.entry-content a:not(.button):not(.jp-relatedposts-post-a):not([data-plugin="nsl"]) {
	color: #0072a8;
}

.entry-header-outer #breadcrumb a:hover,
.author-meta .meta-author > a.author-name:hover,
.entry-content .ez-toc-container a:hover,
.entry-content .lightbulb a:hover,
.entry-content .post-bottom-meta .tagcloud a:hover,
.sidebar .posts-list-items .post-widget-body > a.post-title:hover,
.footer-menu-wrapper .copyright-text a:hover,
.entry-content a:not(.button):not(.jp-relatedposts-post-a):not([data-plugin="nsl"]):hover {
	color: #00638f;
}

/* Search submit helper text contrast over blue background */
ul.components li.search-bar form#search button#search-submit .screen-reader-text {
	color: #ffffff;
}

/* Sidebar custom HTML orange text was below contrast AA */
#custom_html-2 .textwidget p > strong,
#custom_html-2 .textwidget p > strong > span {
	color: #a63f00 !important;
}

/* ar2-insider-locker-global-style (forced global for logged and guest) */
.ihc_locker_1,
.ihc_locker_1-st {
  clear: both !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 !important;
}

.ihc_locker_1 .ihc_locker_wrap,
.ihc_locker_1-st .ihc_locker_wrap,
.ihc_locker_1 .ihc_locker_content,
.ihc_locker_1-st .ihc_locker_content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.ihc_locker_1 .ar2-locker,
.ihc_locker_1-st .ar2-locker {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ihc_locker_1 .ar2-card,
.ihc_locker_1-st .ar2-card {
  border: 1px solid #cfd9c6;
  border-radius: 14px;
  padding: 16px;
}

.ihc_locker_1 .ar2-donate,
.ihc_locker_1-st .ar2-donate {
  background: #edf4e4;
}

.ihc_locker_1 .ar2-login,
.ihc_locker_1-st .ar2-login {
  background: #e9f2fa;
  border-color: #ccdfee;
}

.ihc_locker_1 .ar2-grid,
.ihc_locker_1-st .ar2-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

.ihc_locker_1 .ar2-main,
.ihc_locker_1-st .ar2-main,
.ihc_locker_1 .ar2-login,
.ihc_locker_1-st .ar2-login {
  text-align: left !important;
}

.ihc_locker_1 .ar2-kicker,
.ihc_locker_1-st .ar2-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
  color: #4a6b38;
}

.ihc_locker_1 .ar2-card h3,
.ihc_locker_1-st .ar2-card h3 {
  margin: 0 0 12px;
  line-height: 1.2;
  color: #1f2937;
  font-size: clamp(34px, 3vw, 44px);
  font-weight: 500;
}

.ihc_locker_1 .ar2-copy,
.ihc_locker_1 .ar2-footnote,
.ihc_locker_1-st .ar2-copy,
.ihc_locker_1-st .ar2-footnote {
  margin: 0 0 12px;
  color: #334155;
  line-height: 1.62;
  font-size: 16px;
}

.ihc_locker_1 .ar2-argument,
.ihc_locker_1-st .ar2-argument {
  font-size: 15px;
}

.ihc_locker_1 .ar2-benefits,
.ihc_locker_1-st .ar2-benefits {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
}

.ihc_locker_1 .ar2-benefits span,
.ihc_locker_1-st .ar2-benefits span {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.4;
  color: #1f2937;
}

.ihc_locker_1 .ar2-benefits span:before,
.ihc_locker_1-st .ar2-benefits span:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #188038;
  font-weight: 700;
}

.ihc_locker_1 .ar2-footnote,
.ihc_locker_1-st .ar2-footnote {
  margin: 14px 0 0;
  font-size: 15px;
  color: #475569;
}

.ihc_locker_1 .ar2-side,
.ihc_locker_1-st .ar2-side {
  border: 1px solid #d2dbcf;
  border-radius: 12px;
  background: #f3f4f3;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ihc_locker_1 .ar2-side img,
.ihc_locker_1-st .ar2-side img,
.ihc_locker_1 .ar2-side p > img,
.ihc_locker_1-st .ar2-side p > img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  margin: 0;
  border-radius: 12px;
  border: 1px solid #ced7cf;
  background: #fff;
  padding: 4px;
}

.ihc_locker_1 .ar2-key,
.ihc_locker_1-st .ar2-key {
  margin: 0;
  width: 100%;
  display: block;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  border: 1px solid #c9d0d6;
  background: #eceff2;
  border-radius: 9px;
  padding: 9px 46px 9px 12px;
  color: #1f2937;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ihc_locker_1 .ar2-copy-key:after,
.ihc_locker_1-st .ar2-copy-key:after {
  content: "📋";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #7edce6;
  background: #fff6ed;
  color: #ef8b3a;
  font-size: 13px;
  line-height: 1;
}

.ihc_locker_1 .ar2-copy-key.is-copied:after,
.ihc_locker_1-st .ar2-copy-key.is-copied:after {
  content: "✓";
  border-color: #97e7a4;
  background: #eafbef;
  color: #1f8b3d;
}

.ihc_locker_1 .ar2-key:focus,
.ihc_locker_1-st .ar2-key:focus {
  outline: none;
  border-color: #7bb4e8;
  box-shadow: 0 0 0 2px rgba(59,130,246,.15);
}

.ihc_locker_1 .ar2-login .nsl-container,
.ihc_locker_1-st .ar2-login .nsl-container {
  width: 100% !important;
}

.ihc_locker_1 .ar2-login .nsl-container-buttons,
.ihc_locker_1-st .ar2-login .nsl-container-buttons {
  display: grid;
  gap: 8px;
}

.ihc_locker_1 .ar2-login .nsl-container-buttons > a,
.ihc_locker_1-st .ar2-login .nsl-container-buttons > a,
.ihc_locker_1 .ar2-login .nsl-button,
.ihc_locker_1-st .ar2-login .nsl-button {
  width: 100% !important;
  max-width: 420px;
  margin: 0 !important;
}

/* Fallback visual styles when Nextend Social Login CSS is not loaded */
.entry-content .nsl-container,
.ihc_locker_1 .nsl-container,
.ihc_locker_1-st .nsl-container,
.ar2-auth-social .nsl-container {
  width: 100% !important;
}

.entry-content .nsl-container-buttons,
.ihc_locker_1 .nsl-container-buttons,
.ihc_locker_1-st .nsl-container-buttons,
.ar2-auth-social .nsl-container-buttons {
  display: grid;
  gap: 8px;
}

.entry-content .nsl-container-buttons > a,
.ihc_locker_1 .nsl-container-buttons > a,
.ihc_locker_1-st .nsl-container-buttons > a,
.ar2-auth-social .nsl-container-buttons > a {
  text-decoration: none !important;
}

.entry-content .nsl-button,
.ihc_locker_1 .nsl-button,
.ihc_locker_1-st .nsl-button,
.ar2-auth-social .nsl-button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100% !important;
  min-height: 48px;
  border-radius: 8px;
  padding: 10px 12px;
}

.entry-content .nsl-button-svg-container,
.ihc_locker_1 .nsl-button-svg-container,
.ihc_locker_1-st .nsl-button-svg-container,
.ar2-auth-social .nsl-button-svg-container {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.entry-content .nsl-button-svg-container svg,
.ihc_locker_1 .nsl-button-svg-container svg,
.ihc_locker_1-st .nsl-button-svg-container svg,
.ar2-auth-social .nsl-button-svg-container svg {
  display: block;
  width: 24px;
  height: 24px;
}

.entry-content .nsl-button-label-container,
.ihc_locker_1 .nsl-button-label-container,
.ihc_locker_1-st .nsl-button-label-container,
.ar2-auth-social .nsl-button-label-container {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.entry-content .nsl-button-google,
.ihc_locker_1 .nsl-button-google,
.ihc_locker_1-st .nsl-button-google,
.ar2-auth-social .nsl-button-google {
  border: 1px solid #dadce0;
  color: #202124;
}

.entry-content .nsl-button-linkedin,
.ihc_locker_1 .nsl-button-linkedin,
.ihc_locker_1-st .nsl-button-linkedin,
.ar2-auth-social .nsl-button-linkedin {
  color: #ffffff;
}

@media (min-width: 900px) {
  .ihc_locker_1 .ar2-grid,
  .ihc_locker_1-st .ar2-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(255px, 1fr);
    gap: 18px;
  }
}

@media (max-width: 900px) {
  .ihc_locker_1 .ar2-card h3,
  .ihc_locker_1-st .ar2-card h3 {
    font-size: 32px;
  }

  .ihc_locker_1 .ar2-copy,
  .ihc_locker_1-st .ar2-copy {
    font-size: 15px;
  }

  .ihc_locker_1 .ar2-benefits span,
  .ihc_locker_1-st .ar2-benefits span {
    font-size: 15px;
  }
}

@media (max-width: 600px) {
  .ihc_locker_1 .ar2-card,
  .ihc_locker_1-st .ar2-card {
    padding: 14px;
  }

  .ihc_locker_1 .ar2-card h3,
  .ihc_locker_1-st .ar2-card h3 {
    font-size: 29px;
  }

  .ihc_locker_1 .ar2-copy,
  .ihc_locker_1-st .ar2-copy {
    font-size: 14px;
    line-height: 1.58;
  }

  .ihc_locker_1 .ar2-argument,
  .ihc_locker_1-st .ar2-argument {
    font-size: 14px;
  }

  .ihc_locker_1 .ar2-benefits span,
  .ihc_locker_1-st .ar2-benefits span {
    font-size: 14px;
  }

  .ihc_locker_1 .ar2-footnote,
  .ihc_locker_1-st .ar2-footnote {
    margin-top: 12px;
    font-size: 13px;
  }

  .ihc_locker_1 .ar2-key,
  .ihc_locker_1-st .ar2-key {
    font-size: 11px;
    padding-right: 42px;
  }

  .ihc_locker_1 .ar2-copy-key:after,
  .ihc_locker_1-st .ar2-copy-key:after {
    width: 24px;
    height: 24px;
    right: 7px;
  }
}

/* ar2 fallback when ihc wrapper is missing in rendered HTML */
.entry-content .ar2-locker {
  clear: both !important;
  float: none !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0 !important;
}

.entry-content .ar2-card {
  border: 1px solid #cfd9c6;
  border-radius: 14px;
  padding: 16px;
}

.entry-content .ar2-donate { background: #edf4e4; }
.entry-content .ar2-login { background: #e9f2fa; border-color: #ccdfee; }

.entry-content .ar2-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

.entry-content .ar2-main,
.entry-content .ar2-login { text-align: left !important; }

.entry-content .ar2-side {
  border: 1px solid #d2dbcf;
  border-radius: 12px;
  background: #f3f4f3;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.entry-content .ar2-side img,
.entry-content .ar2-side p > img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  margin: 0;
  border-radius: 12px;
  border: 1px solid #ced7cf;
  background: #fff;
  padding: 4px;
}

.entry-content .ar2-benefits {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
}

.entry-content .ar2-benefits span {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.4;
  color: #1f2937;
}

.entry-content .ar2-benefits span:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #188038;
  font-weight: 700;
}

@media (min-width: 900px) {
  .entry-content .ar2-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(255px, 1fr);
    gap: 18px;
  }
}

/* ar2 hard override against plugin width constraints */
body .entry-content .ihc_locker_1,
body .entry-content .ihc_locker_1-st {
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  float: none !important;
  display: block !important;
  margin: 16px 0 !important;
}

body .entry-content .ihc_locker_1 .ihc_locker_wrap,
body .entry-content .ihc_locker_1-st .ihc_locker_wrap,
body .entry-content .ihc_locker_1 .ihc_locker_content,
body .entry-content .ihc_locker_1-st .ihc_locker_content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* AR2 - SDM download button visual style */
.sdm_download_button_box_default {
  margin: 14px 0 10px;
}

.sdm_download_button_box_default .sdm_download_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sdm_download_button_box_default .sdm_download_link .sdm_download,
.sdm_download_button_box_default .sdm_download_link a.sdm_download {
  position: relative !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  width: 233px !important;
  max-width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 14px !important;
  border: 2px solid rgba(55, 162, 229, 0.99) !important;
  border-radius: 6px !important;
  background-color: rgba(55, 162, 229, 0.99) !important;
  box-shadow: 0 0 0 0 #333333 !important;
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4em !important;
  transition-property: border, background, color, transform, box-shadow !important;
  transition-duration: .15s !important;
  transition-timing-function: ease-in-out !important;
  outline: 0 !important;
}

.sdm_download_button_box_default .sdm_download_link .sdm_download:hover,
.sdm_download_button_box_default .sdm_download_link a.sdm_download:hover,
.sdm_download_button_box_default .sdm_download_link .sdm_download:focus,
.sdm_download_button_box_default .sdm_download_link a.sdm_download:focus {
  border-color: #1d8fcb !important;
  background-color: #1d8fcb !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 6px 14px rgba(29, 143, 203, 0.35) !important;
}

.sdm_download_button_box_default .sdm_download_link .sdm_download:active,
.sdm_download_button_box_default .sdm_download_link a.sdm_download:active {
  transform: translateY(1px) !important;
}

@media (max-width: 480px) {
  .sdm_download_button_box_default .sdm_download_link {
    justify-content: center;
  }

  .sdm_download_button_box_default .sdm_download_link .sdm_download,
  .sdm_download_button_box_default .sdm_download_link a.sdm_download {
    width: 100% !important;
  }
}

/* AR2 - SDM button final override (flat blue style like reference) */
.entry-content .sdm_download_button_box_default {
  margin: 16px 0 10px !important;
}

.entry-content .sdm_download_button_box_default .sdm_download_link {
  display: block !important;
  width: 100% !important;
  max-width: 460px !important;
}

.entry-content .sdm_download_button_box_default .sdm_download_link .sdm_download,
.entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download,
.entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download.green,
.entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download.blue {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 460px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #419dd6 !important;
  background-color: #419dd6 !important;
  background-image: none !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 31px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.entry-content .sdm_download_button_box_default .sdm_download_link .sdm_download:hover,
.entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download:hover,
.entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download.green:hover,
.entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download.blue:hover,
.entry-content .sdm_download_button_box_default .sdm_download_link .sdm_download:focus,
.entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download:focus {
  background: #2f8fcf !important;
  background-color: #2f8fcf !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  .entry-content .sdm_download_button_box_default .sdm_download_link,
  .entry-content .sdm_download_button_box_default .sdm_download_link .sdm_download,
  .entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download {
    max-width: 100% !important;
  }

  .entry-content .sdm_download_button_box_default .sdm_download_link .sdm_download,
  .entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download,
  .entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download.green,
  .entry-content .sdm_download_button_box_default .sdm_download_link a.sdm_download.blue {
    font-size: 24px !important;
  }
}

/* =========================================
   DESIGN SYSTEM — PALETA AZUL PETROLEO
   ========================================= */
:root {
  --color-primary: #0F3D4C;
  --color-primary-hover: #145A6F;
  --color-primary-dark: #0A2B35;
  --color-accent: #2FBF71;
  --color-accent-hover: #24995A;
  --color-bg: #FFFFFF;
  --color-surface: #F5F7F8;
  --color-border: #E1E5E8;
  --color-text: #1A1A1A;
  --color-text-secondary: #5A6B73;
  --color-success: #2FBF71;
  --color-error: #D64545;
  --color-warning: #F4A261;
  --color-info: #2D9CDB;
}

body {
  background: var(--color-bg);
  color: var(--color-text);
}

/* Header / Navbar */
.header-layout-1 #main-nav,
.header-layout-2 #main-nav,
.header-layout-3 #main-nav,
.header-layout-4 #main-nav,
.main-nav,
#top-nav,
.top-nav,
#mobile-menu,
.mobile-menu,
.mobile-menu-wrap,
.side-aside {
  background: #FFFFFF !important;
  color: #2C2F34 !important;
}

.main-nav .menu > li > a,
#top-nav .menu > li > a,
.top-nav .menu > li > a,
.main-menu > ul > li > a,
#mobile-menu .menu > li > a,
.mobile-menu .menu > li > a {
  color: #2C2F34 !important;
}

.main-nav .menu > li:hover > a,
.main-nav .menu > li.current-menu-item > a,
.main-nav .menu > li.current-menu-ancestor > a,
#top-nav .menu > li:hover > a,
#top-nav .menu > li.current-menu-item > a,
#mobile-menu .current-menu-item > a,
#mobile-menu .current-menu-ancestor > a,
.mobile-menu .current-menu-item > a,
.mobile-menu .current-menu-ancestor > a {
  color: #18B7BD !important;
}

.main-nav .menu > li.current-menu-item > a,
.main-nav .menu > li.current-menu-ancestor > a {
  box-shadow: inset 0 -2px 0 #18B7BD;
}

/* Buttons */
.button,
button,
input[type="submit"],
.btn,
.btn-primary,
.wp-block-button__link,
.tie-btn,
.read-more,
.pagination .page-numbers.current {
  background: var(--color-primary) !important;
  color: #FFFFFF !important;
  border-color: var(--color-primary) !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.btn:hover,
.btn-primary:hover,
.wp-block-button__link:hover,
.tie-btn:hover,
.read-more:hover {
  background: var(--color-primary-hover) !important;
  border-color: var(--color-primary-hover) !important;
}

.button:active,
button:active,
input[type="submit"]:active,
.btn:active,
.btn-primary:active,
.wp-block-button__link:active,
.tie-btn:active,
.read-more:active {
  background: var(--color-primary-dark) !important;
  border-color: var(--color-primary-dark) !important;
}

.btn-secondary {
  background: transparent !important;
  color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
}

.btn-secondary:hover {
  background: var(--color-primary) !important;
  color: #FFFFFF !important;
}

.btn-accent {
  background: var(--color-accent) !important;
  color: #FFFFFF !important;
}

.btn-accent:hover {
  background: var(--color-accent-hover) !important;
}

/* Cards / blocks */
.container-wrapper,
.mag-box,
.post-listing,
.widget,
.card,
.wp-block-group,
.wp-block-latest-posts__list li {
  background: #FFFFFF;
  border-color: var(--color-border) !important;
}

.container-wrapper:hover,
.mag-box:hover,
.post-listing:hover,
.card:hover {
  border-color: var(--color-accent) !important;
}

/* Links */
a,
.entry a,
.post-content a,
.comment-content a {
  color: var(--color-primary-hover);
  text-decoration: none;
}

a:hover,
.entry a:hover,
.post-content a:hover,
.comment-content a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

/* Typography */
h1,
h2,
h3,
.section-title,
.entry-title,
.widget-title {
  color: var(--color-primary);
}

p,
li,
td,
th,
.entry,
.entry-content {
  color: var(--color-text);
}

.small,
.meta,
.post-meta,
.date,
.author-meta,
.secondary-text {
  color: var(--color-text-secondary) !important;
}

/* Footer */
#footer,
.site-footer,
.footer-area,
.footer {
  background: var(--color-primary-dark) !important;
  color: #FFFFFF !important;
}

#footer a,
.site-footer a,
.footer-area a,
.footer a {
  color: var(--color-accent) !important;
}

/* States */
.is-success { color: var(--color-success) !important; }
.is-error { color: var(--color-error) !important; }
.is-warning { color: var(--color-warning) !important; }
.is-info { color: var(--color-info) !important; }

/* Mobile touch and active states */
@media (max-width: 991px) {
  .main-nav .menu > li > a,
  #mobile-menu .menu > li > a,
  .mobile-menu a,
  .nav-item,
  .menu-item > a {
    min-height: 44px;
    line-height: 44px;
  }

  #mobile-menu .current-menu-item > a,
  #mobile-menu .current-menu-ancestor > a,
  .mobile-menu .current-menu-item > a,
  .mobile-menu .current-menu-ancestor > a {
    color: var(--color-accent) !important;
    box-shadow: inset 3px 0 0 var(--color-accent);
  }
}

/* =========================================
   HOME UX STEP 1 — CARD HIERARCHY + READABILITY
   ========================================= */
body.home.page-id-18427 .section-wrapper {
  margin-top: 28px;
}

body.home.page-id-18427 .mag-box .container-wrapper {
  border: 1px solid #d9e3e8;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(8, 35, 43, 0.04);
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

body.home.page-id-18427 .mag-box .container-wrapper:hover {
  border-color: #b9ccd6;
  box-shadow: 0 8px 20px rgba(8, 35, 43, 0.08);
}

body.home.page-id-18427 .mag-box .mag-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.home.page-id-18427 .mag-box .mag-box-title h3 {
  margin: 0;
}

body.home.page-id-18427 .ar2-section-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #c7d6de;
  background: #f5fbff;
  color: #0f3d4c;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

body.home.page-id-18427 .ar2-section-action:hover {
  background: #0f3d4c;
  border-color: #0f3d4c;
  color: #ffffff;
  text-decoration: none;
}

body.home.page-id-18427 .posts-items .post-item {
  padding-top: 6px;
  padding-bottom: 6px;
}

body.home.page-id-18427 .posts-items .post-item:hover .post-title a {
  color: #0f3d4c;
}

body.home.page-id-18427 .posts-items .post-title a,
body.home.page-id-18427 .thumb-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

body.home.page-id-18427 .posts-items .post-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

body.home.page-id-18427 .post-details .post-meta {
  font-size: 12px;
  line-height: 1.35;
}

body.home.page-id-18427 .posts-items .post-thumb img.attachment-jannah-image-large {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

body.home.page-id-18427 .posts-items .post-thumb img.attachment-jannah-image-small {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.home.page-id-18427 .slider-area .thumb-overlay,
body.home.page-id-18427 .main-slider .thumb-overlay {
  background: linear-gradient(180deg, rgba(7, 26, 33, 0.08) 0%, rgba(7, 26, 33, 0.78) 100%);
}

body.home.page-id-18427 a:focus-visible,
body.home.page-id-18427 button:focus-visible,
body.home.page-id-18427 .all-over-thumb-link:focus-visible {
  outline: 3px solid #2fbf71;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  body.home.page-id-18427 .section-wrapper {
    margin-top: 20px;
  }

  body.home.page-id-18427 .mag-box .container-wrapper {
    border-radius: 8px;
  }

  body.home.page-id-18427 .ar2-section-action {
    padding: 5px 10px;
    font-size: 11px;
  }
}