/*
Theme Name: FinTechNewsPH
Theme URI: 
Author: Rhyll Neri
Author URI: 
Description: A custom WordPress theme for FinTech News Philippines
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fintechnewsph
Tags: news, blog, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* =========================
   FintechNewsPh — Full CSS
   Includes selectors for all IDs/classes in your HTML
   NOTE: :root colors are unchanged (per request).
   Utility vars placed under ._fintech to avoid touching :root.
   ========================= */

/* ---------- Fonts & Root (UNCHANGED) ---------- */

:root {
  --primary-heading: 'Merriweather', sans-serif;
  --secondary-heading: 'Lato', sans-serif;
  --night-black: #0f0f0f;
  --white-text: #ffffff;
  --blue-dark: #0054A1;
  --blue-light: #0066C3;
  --blue-darkest: #00294F;
  --night-grey: #252C2B;
}

/* ---------- Local utility variables (keeps root untouched) ---------- */
._fintech {
  --shadow-light: 0 3px 10px rgba(15,15,15,0.06);
  --shadow-hover: 0 8px 30px rgba(15,15,15,0.08);
  --border-color: #e7e7e7;
  --accent-color: #ff6b00;
  --transition-fast: 180ms ease;
  --transition: all 0.28s cubic-bezier(.2,.9,.2,1);
  --radius: 10px;
  --max-width: 1440px;
  --container-pad: 16px;
}
/* OLD PRESET */

/* Reset and Box Sizing */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

/* Reset default spacing and form styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
/* Additional resets */
body { line-height: 1; }
p{font-size: 24px;font-weight: unset;margin: 10px 0;font-family: var(--secondary-heading);}
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; }
table { border-collapse: collapse; border-spacing: 0; }
/* Form and input resets */
button, input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
input:not([type='radio']):not([type='checkbox']), textarea, select { appearance: none; }
form, label { -webkit-text-size-adjust: 100%; } ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { opacity: 1; color: inherit; }
/* Base typography */
body { font-family: var(--secondary-heading); font-size: 18px; line-height: 30px; color: var(--night-grey); position: relative; max-width: 1920px; margin: 0 auto; }
body::before { /*! content: url(images/sample.png); */ position: absolute; top: 0; left: 0; right: 0; opacity: 0.5; pointer-events: none;z-index: 1;}
body.active { overflow: hidden; width: 100%; height: 100%; position: fixed !important; }
/* Headings */
h2, .h1_title { font-family: var(--primary-heading); font-size: 30px; line-height: 100%; color: var(--blue-light); font-weight: 500;}
h2 small, .h1_title small { display: block; font-family: var(--secondary-heading); font-size: 20px; line-height: 100%; color: var(--blue-light); }
.h1_heading { font-size: 22px; font-weight: 700; color: var(--night-black); }
/* Links */
a { text-decoration: none; transition: all .3s linear; color: var(--night-grey);}
/* Images */
img { max-width: 100%; vertical-align: top; image-rendering: crisp-edges; border-radius: 10px;}
/* Utility classes */
.clear_def_formats::before, .clear_def_formats::after { content: ""; display: table; }
.clear_def_formats::after { clear: both; }
.clear_def_formats { clear: both; overflow: hidden; }
.comp { color: var(--blue-dark); font-weight: bold; }
.upcoming { color: red; font-style: italic; font-weight: bold; margin-bottom: 25px; }
.text_left, .text_left p { text-align: left; }
.text_right, .text_right p { text-align: right; }
.text_center, .text_center p { text-align: center; display: block; }
/* Misc */
.main_phone { font-weight: bold; }
input[type="submit"] { cursor: pointer; }
a[href^="tel:"] { color: inherit !important; text-decoration: none; }
/* CUSTOM BUTTON */
.btn{  max-width: 205px;  width: 120px;height: 50px;line-height: 50px;text-align: center;background: var(--blue-dark);color: var(--white-text);font-size: 17px;font-family: var(--secondary-heading);border-radius: 10px;display: flex;justify-content: center;align-items: center;column-gap: 10px;}
.btn:hover{background: var(--blue-light); transition: all .3s linear;}
/* END OF PRESET */

/* ---------- Reset & base ---------- */
html { box-sizing: border-box; scroll-behavior: smooth; }
*,*::before,*::after { box-sizing: inherit; }
body, h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure { margin:0; padding:0; }
body {
  font-family: var(--secondary-heading);
  color: var(--night-grey);
  background: var(--white-text);
  line-height: 1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ---------- Generic containers ---------- */
.container { width: 100%; max-width: var(--max-width); margin: 0 auto; padding: 0 var(--container-pad); box-sizing: border-box; }
.clear_def_formats::before, .clear_def_formats::after { content:""; display: table; }
.clear_def_formats::after{ clear: both; }
.clear_def_formats{ overflow:hidden; }

/* ---------- Images ---------- */
img { max-width:100%; display:block; height:auto; border-radius: calc(var(--radius) - 2px); object-fit: cover; transition: transform var(--transition-fast), opacity var(--transition-fast); }
img[loading="lazy"]{ will-change: transform; }

/* ---------- Links (global) - hover + keyboard focus ---------- */
a { color: inherit; text-decoration:none; position: relative; transition: color .22s ease; -webkit-tap-highlight-color: transparent; }



/* ---------- Buttons ---------- */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--blue-dark); color:var(--white-text); padding:10px 16px; border-radius:8px; border:none; cursor:pointer; font-weight:700; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.btn:hover{ background:var(--blue-darkest);  box-shadow: var(--shadow-hover); }

/* ---------- Ads ---------- */
.ads_holder { display:flex; justify-content:center; align-items:center; padding:12px 0; border-radius:8px;  }
.ads_holder .ads_content{ overflow:hidden; }
.ads_holder img{ width:100%; max-width:1200px; height:140px; object-fit:contain; }

/* ---------- Header ---------- */
/* FIXED header (robust) */
header { position:relative; width: 100%; background: var(--white-text); z-index: 1220; /* above page content */ box-shadow: var(--shadow-light); padding: 12px 0; transition: background-color .28s ease, padding .22s ease, box-shadow .28s ease; -webkit-backdrop-filter: blur(6px); /* optional polish */ backdrop-filter: blur(6px); }

/* a lightweight placeholder that keeps content from jumping */
.header-placeholder { 
    width: 100%; 
    height: var(--header-height, 86px);
    display: none; /* Hidden by default */ 
}

.single .header-placeholder,
.archive .header-placeholder,
.search .header-placeholder,
.author .header-placeholder,
.category .header-placeholder,
.tag .header-placeholder {
    display: block; /* Show on these pages */
}
.category_title { font-weight: bold; margin: 20px 0; }

/* Top Bar */
.top-bar {
    background: var(--night-black);
    color: #fff;
}
/* header inner (your existing header_holder) */
.header_holder { display:flex; align-items:center; justify-content:space-between; gap:12px; }

/* logo */
.fintech_logo img { border-radius: unset; max-width: calc(clamp(5.625rem, 6.529vw + 1.54rem, 9.375rem)); display:block; transition: transform .22s ease, max-width .22s ease; }

/* scrolled state (optional) */
header.scrolled { background: rgba(255,255,255,0.98); box-shadow: 0 8px 30px rgba(12,16,20,0.06); padding: 10px 0; }
header.scrolled .fintech_logo img { transform: scale(.95); max-width:136px; }

/* ensure any mobile menu uses the computed header height */
.nav_menu.open { top: calc(var(--header-height, 86px)); /* JS keeps --header-height up to date */ }

/* ---------- Nav & Menu ---------- */
.nav_area{ display:flex; align-items:center; gap:12px; flex:1; position:relative; }
.nav_toggle{ display:none; align-items:center; gap:8px; border:none; background:none; cursor:pointer; padding:6px; }
.nav_toggle .menu-label{ font-size:0.95rem; color:var(--night-grey); }
.hamburger-box{ width:28px; height:20px; display:inline-block; position:relative; }
.hamburger-inner{ position:absolute; left:0; right:0; height:2px; background:var(--night-black); top:50%; transform:translateY(-50%); transition:var(--transition-fast); }
.hamburger-inner::before, .hamburger-inner::after{ content:""; position:absolute; left:0; right:0; height:2px; background:var(--night-black); transition:var(--transition-fast); }
.hamburger-inner::before{ transform: translateY(-8px); }
.hamburger-inner::after{ transform: translateY(8px); }

/* toggle states */
.nav_toggle.active .hamburger-inner{ background:transparent; }
.nav_toggle.active .hamburger-inner::before{ transform: rotate(45deg) translate(2px, 2px); }
.nav_toggle.active .hamburger-inner::after{ transform: rotate(-45deg) translate(2px, -2px); }

/* main nav list (desktop) */
#main-nav-list, .nav_menu{ list-style:none; display:flex; gap:24px; align-items:center; margin:auto; padding:0; }
#main-nav-list li a{ padding:8px 6px; font-weight:600; color:var(--night-grey); transition:var(--transition); }
#main-nav-list li a:hover{ color:var(--blue-light); }
#main-nav-list li a, .nav_menu li a { position: relative; padding: 8px calc(clamp(0.125rem, 0.435vw - 0.147rem, 0.375rem)); font-weight: 600; color: var(--night-grey); transition: color .22s ease, transform .18s ease; -webkit-tap-highlight-color: transparent; outline-offset: 3px; font-size: calc(clamp(0.688rem, 0.979vw + 0.075rem, 1.25rem));}
#main-nav-list li a::after, .nav_menu li a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 3px; background: linear-gradient(90deg, var(--blue-light), var(--blue-dark)); border-radius: 3px; transform: scaleX(0); transform-origin: center; transition: transform .28s cubic-bezier(.2,.9,.2,1), opacity .18s ease; opacity: 0.98; pointer-events: none; width: 100%;}
#main-nav-list li a:hover, .nav_menu li a:hover, #main-nav-list li a:focus, .nav_menu li a:focus, #main-nav-list li a:focus-visible, .nav_menu li a:focus-visible { color: var(--blue-light); transform: translateY(-2px); }
#main-nav-list li a:hover::after, .nav_menu li a:hover::after, #main-nav-list li a:focus::after, .nav_menu li a:focus::after, #main-nav-list li a:focus-visible::after, .nav_menu li a:focus-visible::after { transform: scaleX(1); }
#main-nav-list li a.active, .nav_menu li a.active { color: var(--blue-dark); font-weight: 700; }
#main-nav-list li a.active::after, .nav_menu li a.active::after { transform: scaleX(1); }
.nav_menu.active, .nav_menu.open{ display:flex; flex-direction:column; gap:12px; padding:12px; position: absolute; top: calc(100% + 6px); left: 0; right: 0; background:var(--white-text); box-shadow: var(--shadow-light); z-index: 998; }
/* Base nav styles */
.nav_area {
  display: flex;
  align-items: center;
}

.nav_menu {
  list-style: none;
  display: flex;
  gap: 24px;
  margin: 0;
  padding: 0;
}

.nav_menu li a {
  position: relative;
  padding: 8px 6px;
  font-weight: 600;
  color: var(--night-grey, #333);
  transition: color .22s ease, transform .18s ease;
  text-decoration: none;
  font-size: calc(clamp(0.688rem, 0.979vw + 0.075rem, 1.25rem));
}

.nav_menu li a:hover,
.nav_menu li a:focus {
  color: var(--blue-light, #007bff);
  transform: translateY(-2px);
}

.nav_menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 3px;
  background: linear-gradient(90deg, var(--blue-light, #007bff), var(--blue-dark, #0056b3));
  border-radius: 3px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .28s cubic-bezier(.2,.9,.2,1);
  opacity: 0.98;
}

.nav_menu li a:hover::after,
.nav_menu li a:focus::after,
.nav_menu li a.active::after {
  transform: scaleX(1);
}

.nav_menu li a.active {
  color: var(--blue-dark, #0056b3);
  font-weight: 700;
}

/* Hamburger button */
.nav_toggle {
  display: none;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1rem;
}

.nav_toggle .hamburger {
  display: flex;
  align-items: center;
}

.nav_toggle .material-symbols-outlined {
  font-size: 28px;
  line-height: 1;
}
/* newsletter holder */
.news_letter_holder{ display:flex; align-items:center; justify-content:flex-end; }
.news_letter_holder .btn{ width:calc(clamp(6.813rem, 5.55vw + 3.341rem, 10rem)); height:44px; font-size: calc(clamp(0.75rem, 0.544vw + 0.41rem, 1.063rem));}

/* ---------- Search ---------- */
.search_section{ padding:12px 0; }
.search_holder{ display:flex; width:100%;   position:relative; justify-content: space-between;align-items: center;gap: 15px;}
.search_holder form{ display:block; position:relative; width: 50%;}

.socials_holder {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    max-width: 230px;}
.search_holder input[type="text"]{ width:100%; height:52px; padding:12px 48px; border-radius:999px; border:1px solid var(--border-color); background: #f5f7fa url('https://cdn-icons-png.flaticon.com/24/482/482631.png') no-repeat 16px center; background-size:18px; font-size:1rem; }
.search_holder button{ position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--night-grey); }
.current_time{}
.current_date{}
/* ---------- Marquee ---------- */
.marquee{ overflow:hidden; background:var(--blue-darkest); color:var(--white-text);  padding:8px 0; margin:12px 0; }
.marquee-track{ display:flex; gap:40px; white-space:nowrap; align-items:center; animation: fnp-marquee 18s linear infinite; }
.marquee-track h1{ font-size:1rem; font-weight:700; color:var(--white-text); margin:0; }
@keyframes fnp-marquee { 0%{ transform:translateX(100%);} 100%{ transform:translateX(-100%);} }

/* ---------- Latest & Trend Section (IDs & classes present) ---------- */
#latest_and_trend_section_holder{ padding:20px 0; }
.latest_and_trend_flex_holder{ display:flex; gap:24px; align-items:start; }
.latest{width: 60%;}
.latest_info{ margin-bottom:14px; display: flex;}
.latest_info h2{ font-size:1.4rem;  position:relative; padding-left: 10px;display: flex;align-items: center;gap: 10px;}

/* latest contents */
.latest_contents a{ display:block; color:inherit; text-decoration:none; }
.latest_image{ position:relative; overflow:hidden; border-radius:var(--radius); }
.latest_image figure{ margin:0; }
.latest_image img{ width:100%; height:auto; object-fit:cover; display:block; transition:transform var(--transition); }
.latest_image:hover img{ transform:scale(1.03); }
.latest_image::before{ content:""; position:absolute; left:0; right:0; bottom:0; height:50%; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent); z-index:1; pointer-events:none; border-radius:0 0 var(--radius) var(--radius); }

.latest_info_holder{ position:absolute; left:16px; right:16px; bottom:16px; z-index:2; display:flex; justify-content:space-between; gap:12px; color:var(--white-text); font-weight:700; }
.latest_info_author h3, .latest_info_read_time h3{ margin:0; font-size:0.95rem; }

/* latest text */
.latest_text{ margin-top:12px; }
.latest_text h2{ font-size:1.6rem; color:var(--night-black); margin-bottom:8px; }
#latest-desc{ color:var(--night-grey); display:block; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; display:-webkit-box; }

/* ---------- Trend column ---------- */
.trend{ }
.trend_info_holder{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; gap:8px; }
.trend_text h2{ font-size:1.3rem;  position:relative; margin:0; }
.trend_view_all a{ font-weight:700; color:var(--blue-light); position:relative; padding-right:20px; font-size: 0.9rem;display: flex;}
.trend_view_all a:hover{filter: brightness(0) saturate(100%) invert(0%) sepia(82%) saturate(7452%) hue-rotate(250deg) brightness(79%) contrast(98%);}
/* trend contents & items */
.trend_contents{ display:flex; flex-direction:column; gap:12px; max-height:100%;  padding-right:6px; }
.trend_contents a{}
.trend_content{ display:flex; gap:11px; align-items:center; }
.trend_image{ width:110px; flex:0 0 110px; overflow:hidden; border-radius:8px; }
.trend_image img{ width:110px; height:80px; object-fit:cover; display:block; }
.trend_text h2 { margin:0 0 8px 0; font-size:1rem; color:var(--blue-light); font-weight:600; display: flex;align-items: center;gap: 10px;}
.trend_content .trend_text h2 {padding: unset;color: var(--night-black);}

.trend_meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: var(--gray-600);
}

.trend_meta .material-symbols-outlined {
    font-size: 1.1rem;
}


.view-count {
color: var(--blue-darkest);
    font-weight: 500;
}


/* ---------- Dynamic Section ---------- */
#dynamic_section{ padding:22px 0; background:transparent; }
.link_flex_holder{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; gap:8px; }
.link1 a{ font-size:1.5rem; font-weight:700; color:var(--blue-dark); }
.link2 a{ font-size:1rem; color:var(--blue-light); position:relative; padding-right:16px; }
.link2 a:hover{filter: brightness(0) saturate(100%) invert(0%) sepia(82%) saturate(7452%) hue-rotate(250deg) brightness(79%) contrast(98%);}
.see-more { color: #0073e6; font-weight: 600; cursor: pointer; transition: color 0.2s ease; }
.see-more:hover { color: #ff6600; /* any highlight color */ text-decoration: underline; }
/* content grid */
.content_holder{ display:grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap:14px; }
.content{ background: #fff; border-radius:var(--radius); overflow:hidden; box-shadow: var(--shadow-light); }
.content figure{ margin:0; }
.content img{ width:100%; height:150px; object-fit:cover; display:block; }
.content_text{ padding:12px; }
.content_text h2{font-size: 20px;}
#content-desc{ color:var(--night-grey); font-size:0.95rem; }

/* ---------- Owl carousel placeholders (you included Owl) ---------- */
.owl-carousel{ display:block; width:100%; }
.owl-carousel .carousel_item{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-light); background:#fff; padding:8px; }
.owl-carousel .carousel_item figure{ margin:0; }
.owl-carousel .carousel_item img{ height:220px; width:100%; object-fit:cover; }

/* ---------- Video Section ---------- */
#video_section{ padding:22px 0; background: var(--blue-darkest); color: var(--white-text);  }
.video_grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap:14px; }
.video_item{ position:relative; overflow:hidden; border-radius:8px; background:#000; }
.video_item video{ width:100%; height:auto; display:block; }
.video_overlay{ position:absolute; left:12px; bottom:12px; background: rgba(0,0,0,0.6); color:var(--white-text); padding:8px 10px; border-radius:8px; }

/* ---------- Opinion Section ---------- */
#opinion_section{ padding:22px 0; }
.opinion_grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }
.opinion_item{ background:#fff; padding:12px; border-radius:var(--radius); box-shadow:var(--shadow-light); }
.opinion_item img{ width:100%; height:200px; object-fit:cover; margin-bottom:10px; }

/* ---------- Footer ---------- */
.footer_section{ background: var(--blue-darkest); color:var(--white-text); padding:22px 0; margin-top:28px; border-radius:8px 8px 0 0; }
.newsletter_signup{ text-align:center; margin-bottom:18px; color:var(--white-text); }
.newsletter_form{ display:flex; gap:10px; justify-content:center; align-items:center;  }
.newsletter_form input[type="email"]{ padding:10px; border-radius:8px; border:none;  width: 60%;}
.btn_subscribe{ background:var(--blue-dark); color:var(--white-text); padding:10px 14px; border-radius:8px; border:none; display:inline-flex; gap:8px; align-items:center; font-family: var(--secondary-heading);}
.social_links{ display:flex; gap:8px; justify-content:center; align-items:center; margin-top:10px; }
.social_links a:hover{transform: translateY(-10%);}
.social_links a{ color:var(--white-text); display:inline-flex; align-items:center; justify-content:center; padding:8px; border-radius:8px; text-decoration:none; background:transparent; border:1px solid rgba(255,255,255,0.06); }
.footer_nav{ display:grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap:18px; margin-top:18px; }
.footer_column{width: 100%;}
.footer_column ul{}
.footer_column ul li{}
.footer_column ul li a{}
.footer_column ul li a:hover{color: var(--blue-light);transform: translateY(-2px);}
.footer_column h4{ margin-bottom:8px; color: #f1f6fb; font-weight: 800;}
.footer_bottom{ text-align:center; padding-top:12px; margin-top:12px; border-top: 1px solid rgba(255,255,255,0.04); }
.footer_bottom p{font-size: 15px;}
/* ---------- Utility states and small helpers ---------- */
.hidden { display:none !important; }
.center { text-align:center; }
.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }

/* ---------- Accessibility helpers ---------- */
a[aria-label], button[aria-label] { outline-offset: 3px; }

/* =======================================================
   Tailored for You Section — Same Layout as Trending
   ======================================================= */

#latest_and_trend_section_holder .tailored {
    margin-top: 20px;
}

#latest_and_trend_section_holder .tailored_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

#latest_and_trend_section_holder .tailored_info h2 {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    gap: 6px;
}

#latest_and_trend_section_holder .tailored_info h2 i {
    color: #e63946; /* red heart accent — match theme if needed */
    font-size: 1.1rem;
}

#latest_and_trend_section_holder .tailored_info small {
    color: #7a7a7a;
    font-size: 13px;
}

/* Tailored list layout — mirror trend */
#latest_and_trend_section_holder .tailored .tailored_contents .tailored_content,
#latest_and_trend_section_holder .tailored .tailored_contents a.tailored_content {
    display: flex;
    gap: 12px;
    align-items: center;
    text-decoration: none;
    color: inherit;
    margin-bottom: 12px;
    transition: background .12s ease, transform .06s ease;
    padding: 6px;
    border-radius: 6px;
}

#latest_and_trend_section_holder .tailored .tailored_contents .tailored_content:hover,
#latest_and_trend_section_holder .tailored .tailored_contents a.tailored_content:hover {
    background: rgba(0,0,0,0.03);
}

/* Thumbnail image size */
#latest_and_trend_section_holder .tailored .tailored_contents .tailored_image img {
    width: 84px;
    height: 60px;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

/* Post title */
#latest_and_trend_section_holder .tailored .tailored_contents .tailored_text h3 {
    font-size: 15px;
    margin: 0 0 4px 0;
    line-height: 1.2;
}

/* Post meta (views, etc.) */
#latest_and_trend_section_holder .tailored .tailored_contents .tailored_meta {
    font-size: 13px;
    color: #7a7a7a;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Hover color for title text */
.tailored_content:hover .tailored_text h3 {
    color: var(--blue-light);
}

/* Optional: ad-slot style for Tailored section (if you later add them) */
.tailored_content.ad-slot {
    display: block !important;
}

.tailored_content.ad-slot .tailored_image img {
    width: 30% !important;
    height: 100% !important;
}

.tailored_content.ad-slot .tailored_image {
    width: 100%;
    height: 100%;
}


/* POST CATEG */
.post-category{}
.post-category a{}
.nav-links{display: flex;}
.post_content p { font-size: 18px; }

.post_content p b { font-weight: bold; }