/* ==========================
   Stage 49: Footer action row
========================== */
.footer_action_row{display:flex; gap:10px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin-top:7px;}
.footer_action_left,.footer_action_right{flex:1 1 260px;}
.footer_action_left form,.footer_action_right form{display:flex; gap:6px; align-items:center;}
.footer_action_left .search_field,.footer_action_right .search_field{flex:1 1 auto;}

/* CSS Document */
html{-webkit-text-size-adjust:100%;line-height:1.6;}*{box-sizing:border-box;}h1,h2,h3,h4,form,div,p,img{padding:0;margin:0;}h1,h2,h3,h4,h5{color:#200;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;line-height:1.3;}p{margin:10px 0;line-height:1.7;}

body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:400;margin:0px;color: #15131A; margin: 0px;background: #F0F0F0;background-attachment: fixed;  background-image: url(../images/water_mark.png);}a{text-decoration: none; color: #111144; text-decoration:underline;}a:ctive{text-decoration: none; color: #111144;}a:visited{text-decoration: none; color: #111144;}a:hover{color: #21759B; text-decoration: none; background-color: #111144; color: #FFFFFF;}a img{border: none;}div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}.smalltext{font-size: x-small;}.metatext{font-size:13px;}.mobile{display: none;}.desktop{display: block;}ul{margin: 0px;padding: 0px;height: auto;overflow: hidden;}ul li{text-indent: 0px;margin: 0px;padding: 3px 15px;list-style-position: inside;}.header_area{height: auto; position: fixed; top: 0px; left: 0; right: 0; z-index: 50;width: 1010px;margin: auto;border: 1px solid #919191;border-top: none;background-color: #F8FAF8;box-shadow: 0 0px 2px 0px #414141;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;padding-bottom: 0px;}.header_area.active{-webkit-box-shadow: 0 3px 6px 0px #414141;-moz-box-shadow: 0 3px 6px 0px #414141;box-shadow: 0 3px 6px 0px #414141;}.logo_wrapper{width: 240px;min-height: 10px;float: left;margin-right: 10px;overflow: hidden;}.wrapper{width: 1000px;height: auto;margin: auto;overflow: hidden;min-height: 10px;}.just_after_logo{width: 450px;height: auto;min-height: 10px;float: left;margin-right: 20px;font-size:15px;text-align: left;border-left: 1px dotted #8F8D8B;padding-left: 20px;margin-top: 6px;}.clearfloat{clear: both;}.search_field{width: 700px;}.post_img_div{padding: 20px;height: auto;border-top: #CECECE 1px solid;;overflow: hidden;text-align: left;padding-bottom: 10px;}.post_img_div img{max-width: 550px;height: auto;overflow: hidden;margin-bottom: 3px;display: block;}.main_board_wrapper{margin: auto;width: 1010px;height: auto;min-height: 10px;border: none;text-align: left;overflow: auto;margin-top: 10px;}.main_box{background-color: #F8FAF8;height: auto;overflow: hidden;min-height: 10px;margin-bottom: 0px;padding: 0px;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;border-right: #5C5C5C 1px solid;border-bottom: #5C5C5C 1px solid;border-top: #6B6B6B 1px solid;border-left: #6B6B6B 1px solid;-moz-box-shadow: 2px 2px rgba(92,92,92,0.2);-webkit-box-shadow: 2px 2px rgba(92,92,92,0.2);box-shadow: 2px 2px rgba(92,92,92,0.2);/* Prevent background color leak outs */-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;overflow: hidden;}.meta_dark_box{border-top: 1px solid #E2E2E2;background-color: #F5F5F5;height: auto;text-align: left;overflow: hidden;padding: 7px;font-size:13px;padding-left: 20px;}.signature_dark_box{border-top: 1px solid #E2E2E2;background-color: #F5F5F5;max-height: 40px;text-align: left;overflow: hidden;padding: 7px;font-size:13px;padding-left: 20px;}.signature_dark_box img{max-height: 35px;width: auto;overflow: hidden;}.content_box{border: 1px solid #919191;background-color: #F8FAF8;height: auto;overflow: hidden;text-align: center;padding: 10px;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px; border-right: #5C5C5C 1px solid;border-bottom: #5C5C5C 1px solid;border-top: #6B6B6B 1px solid;border-left: #6B6B6B 1px solid;-moz-box-shadow: 2px 2px rgba(92,92,92,0.2);-webkit-box-shadow: 2px 2px rgba(92,92,92,0.2);box-shadow: 2px 2px rgba(92,92,92,0.2);margin-bottom: 10px;margin-top: 10px;}.dark_box{border-bottom: 1px solid #919191;background-color: #EDF3EE;height: auto;text-align: center;overflow: hidden;padding: 10px;}.light_box{border-bottom: 1px solid #919191;background-color: #F8FAF8;height: auto;overflow: hidden;text-align: center;padding: 10px;}.dark_box h1, .light_box h1{color: #305070;font-family: Georgia, serif;font-size:32px;font-weight: bold;margin: 0px;padding: 0px;}.dark_box h2, .light_box h2{color: #111111;font-family: Georgia, serif;font-size:22px;font-weight: normal;margin: 0px;padding: 0px;}.dark_box h3, .light_box h3{color: #111111;font-family: Georgia, serif;font-size:22px;font-weight: normal;margin: 0px;padding: 0px;}.smallh2{color: #111111;font-family: Georgia, serif;font-size:18px;font-weight: normal;margin: 0px;padding: 0px;}.forum_stats_p{font-size:13px;}/* --------------------------------------- Pagination ---------------------------------- */span.pagination{font-size:15px;}span.current{font-size:15px;font-weight: bold;}div.pagination{font-family: Calibri, Arial;font-size:14px;margin-top: 10px;}div.pagination a{padding: 2px 5px 2px 5px;margin: 0px 2px 0px 2px;border: 1px solid #828282;text-decoration: none; /* no underline */color: #000;display: inline-block;}div.pagination a:hover, div.pagination a:active{border: 1px solid #000099;color: #FFF;display: inline-block;}div.pagination span.current{padding: 2px 5px 2px 5px;margin: 0px 2px 0px 2px;border: 1px solid #828282;font-weight: bold;background-color: #828282;color: #FFF;display: inline-block;}div.pagination span.disabled{padding: 2px 5px 2px 5px;margin: 0px 2px 0px 2px;border: 1px solid #EEE;color: #DDD;display: inline-block;}.status_report{padding: 10px;border: solid 1px #999999;margin: 10px 0px 10px 0px;height: auto;overflow: hidden;text-align: left;font-size:13px;background-color:#FFFFFF;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.error_report{padding: 10px;border: solid 1px #FF0000;margin: 10px 0px 10px 0px;height: auto;overflow: hidden;text-align: left;font-size:13px;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.status{padding: 10px;border: solid 1px #F1ECA5;margin: 10px;height: auto;overflow: hidden;background-color: #FFFDDD;text-align: left;font-size:13px;margin-left: 0px;margin-right: 0px;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.error{padding: 10px;border: solid 1px #FF0000;margin: 10px;height: auto;overflow: hidden;background-color: #FFF2F2;text-align: left;font-size:13px;margin-left: 0px;margin-right: 0px;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.status ul, .error ul, .status_report ul{margin-left: 20px;font-size:13px;}.grey_text_link{color: #919191;font-size:13px;}.grey_text_link a, .grey_text_link a:visited{color: #919191;font-size:13px;padding-left: 7px;padding-right: 7px;text-decoration: none;}.grey_text_link a:hover{color: #FFF;font-size:13px;text-decoration: none;background-color: #909090;padding-left: 7px;padding-right: 7px;border-radius: 7px;}#submitbutton{border: 1px solid #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC; color: #000000; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; /* Safari, Chrome */width: 150px;font-weight: bold;font-size:15px;height: 30px;background-image: url(../images/but_bg.png);}.general_txtfld, .general_txt_field, .general_txt_area{margin: 5px;padding: 4px;border: 1px solid #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC; color: #333333; font: 13px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; /* Safari, Chrome */width: 700px;margin-left: 0px;height: 25px;display: block;margin-bottom: 15px;}.general_txt_area{height: 50px;}.selectbox{padding: 5px;width: 700px;height: 35px;display: block;margin-top: 5px;margin-bottom: 15px;}.profile_img_div{height: auto; text-align: left;}.profile_img_div img{max-width: 300px;height: auto;margin-bottom: 10px;margin-top: 10px;}/* Form Style definition */.myform{height: auto;overflow: hidden;text-align: left;padding: 15px;font-size:15px;background-color: #FCFCFC;}/* Label */.myform label{width: 100px;padding: 3px;padding-left: 20px; margin: 5px; float: left; text-align: right;}.myform label#larger{width: 200px;padding: 0px;margin: 0px;padding-left: 20px;margin: 2px;font-size:13px;text-align: right;margin-right: 10px;}#submit_but{background:url(../images/txt_editor_1.png);-moz-border-radius: 12px;-webkit-border-radius: 12px;padding: 4px;border: 1px solid #BBBBBB;padding-left: 10px;padding-right: 10px;font-size:15px;width: 50px;}/* Input, Textarea */.myform input, .myform textarea, .myform .others{margin: 5px;padding: 4px;float: left;border: 1px solid #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC; color: #333333; font: 12px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; /* Safari, Chrome */width: 98%;margin-left: 0px;height: 25px;}.myform .selectbox{margin: 5px;padding: 4px;float: left;border: 1px solid #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC; color: #333333; font: 12px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; /* Safari, Chrome */width: 85%;margin-left: 0px;height: 35px;}.myform input .text_field{border-right: none;border-top: none;}.myform br{clear: left;}.myform #submitbutton{border: 1px solid #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC; color: #000000; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; /* Safari, Chrome */width: 150px;font-weight: bold;font-size:15px;height: 30px;background-image: url(../images/but_bg.png);}.myform #mycheckbox{float: left;width: 30px;margin-right: 5px;}.mybigh2{color: #111111;font-family: Georgia, serif;font-size:20px;font-weight: normal;margin: 0px;padding-bottom: 2px;text-align: left;margin-bottom: 0px;}.mybigh2{font-size:32px;}.mybigh2 a{color: #111111;}.auth_wrapper{width: 220px;height: auto;float: left;min-height: 20px;margin-top: 5px;font-size:13px;}.top_profile_thumbnail{height: 25px;width: 25px;overflow: hidden;float: left;margin-right: 0px;border: 2px solid #FFF;border-radius: 5px;}.top_profile_thumbnail a{border: none;}.top_profile_link{width: auto;height: auto;min-height: 10px;float: left;margin-top: 5px;width: 160px;}.top_profile_link a, .top_profile_link a:visited{padding-left: 13px;padding-right: 13px;border-right: 1px solid #CCCCCC;text-decoration: none;}a.loverollover{display: block;width: 10px;height: 8px;text-decoration: none;background:url(../images/like.png);float: left;}a.loverollover:hover{background-position: -10px 0;}.displace{position: absolute;left: -5000px;}.hashheader{font-size:32px;font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;}.quote{padding: 5px;background-color: #E5E5E5;min-height: 5px;border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #CACACA;margin: 0px;min-width: 400px;color: #000000;font-size:14px;}.quote2{padding: 5px;background-color: #E5E5E5;border-radius: 15px;-webkit-border-radius: 15px; -moz-border-radius: 15px; min-height: 5px;border: 1px solid #CACACA;margin: 0px;min-width: 400px;color: #000000;font-size:14px;}.quote2 p{margin: 2px;padding: 0px;text-align: left;color: #000000;font-size:14px;}.quote p{margin: 2px;padding: 0px;text-align: left;color: #000000;font-size:14px;}.quote p#author{margin: 0px;padding: 0px;text-align: right;margin-top: 5px;margin-right: 10px;font-weight: bold;color: #000000;font-size:13px;}.code{padding: 10px;background-color: #E5E5E5;min-height: 10px;min-width: 400px;border: 1px solid #F0F0F0;border-left: 5px solid #E1E1E1;font: 12px 'Lucida Console', 'Courier New', Monospace;margin: 0px;color: #000000;}.colored_nav_box{border: 1px solid #B1C0CA;background-color: #E8F7D8;min-height: 50px;margin-bottom: 20px;padding: 15px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 2px 2px #B1C0CA;-webkit-box-shadow: 2px 2px #B1C0CA;box-shadow: 2px 2px #B1C0CA;}.white_nav_box{border: 1px solid #B1C0CA;background-color: #fff;min-height: 50px;margin-bottom: 20px;padding: 15px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 2px 2px #B1C0CA;-webkit-box-shadow: 2px 2px #B1C0CA;box-shadow: 2px 2px #B1C0CA;}.clearfloat{clear: both;}.smalltextfield{font-size:14px;height: 24px;border: 1px solid #A3A4A7;overflow: hidden;margin-bottom: 12px;margin-top: 5px;color: #606060;padding-left: 5px;padding-right: 5px;width: 390px;}.smalltextfield_2{font-size:14px;height: 24px;border: 1px solid #A3A4A7;overflow: hidden;margin-bottom: 12px;margin-top: 5px;color: #606060;padding-left: 5px;padding-right: 5px;width: 300px;}.list_box{width: 160px;height: 20px;overflow: hidden;float: left;margin-bottom: 5px;margin-right: 10px;}.white_nav_box input[type='checkbox']{float: left;margin-right: 5px;}.ad_thumbnail{border: 1px solid #303030;}.ad_banner_wrapper{height: auto;overflow: hidden;margin: auto;text-align: center;margin-top: 15px;}.ad_banners{border: 1px solid #303030;margin-right: 10px;}.divider{border-bottom: 1px solid #DBDBDB;margin-bottom: 10px; padding-top: 10px;}.post_detail_area{height: auto;overflow: hidden;}.post_detail_area img{max-width: 750px;height: auto;}.grey_text{color: #919191;font-size:13px;}.grey_text a, .grey_text a:visited{color: #919191;font-size:13px;text-decoration: none;}.grey_text a:hover{color: #FFF;font-size:13px;text-decoration: none;background-color: #909090;}.red_count_span{-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;-khtml-border-radius: 10px;-khtml-border-radius: 5px;-webkit-border-radius: 10px; /* Safari, Chrome */-webkit-border-radius: 10px; /* Safari, Chrome */border: 1px solid #FF0000;background-color: #FF9797;color: #FFFFFF;padding: 1px 4px;font-size:13px;}.azNairaBoards{height:auto;width:auto;}.business_header{height: 170px;background-color: #FFFFFF;overflow: hidden;position: relative;border: none;}.shadow_box{background: rgba(0,0,0, .6);height: 170px;position: absolute;bottom: 0px;color: #FFFFFF;width: 100%;}.teamhash, .teamhash a, .teamhash a:hover, .teamhash a:visited{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;font-size:42px;font-weight: normal;text-shadow: 0px 2px 0px #000;letter-spacing: 1px;text-align:center;text-decoration: none;color: #FFFFFF;background: none;margin-top: 20px;}.shadowtagtxt{font-size:15px;}.shadowtagtxt a{color: #666666;}.started_by, .started_by a, .started_by a:hover, .started_by a:visited{margin-top: 40px;color:#FFFFFF;margin-bottom: 0px;text-align:center;font-size:18px;font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;text-decoration: none;}
.sitenameh1{
	color: #305070;
	font-size:32px;
	font-weight: bold;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
}
.sitenameh1 a{
	text-decoration: none;
}

/* ==========================
   Theme mode (Light/Dark)
   - Fast: system fonts, no external requests
========================== */
:root{
  --bg:#ffffff;
  --text:#222222;
  --muted:#666666;
  --link:#0645ad;
  --border:#d9d9d9;
  --card:#f7f7f7;
  --headerbg:#ffffff;
  --inputbg:#ffffff;
  --font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-heading:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html[data-theme="dark"]{
  --bg:#0f1115;
  --text:#e6e6e6;
  --muted:#a8b0bf;
  --link:#8ab4f8;
  --border:#2a2f3a;
  --card:#151a22;
  --headerbg:#0f1115;
  --inputbg:#151a22;
}
body{background:var(--bg);color:var(--text);font-family:var(--font-body) !important;font-size:16px;line-height:1.75;}
a{color:var(--link);}

/* Enforce reading typography across the app */
input,textarea,select,button{font-family:var(--font-body) !important;}
h1,h2,h3,h4,h5{font-family:var(--font-heading) !important;color:var(--text);font-weight:700;letter-spacing:0.1px;}
p,li{font-size:16px;line-height:1.75;}

/* Headline blocks should also use the app heading font (instead of Georgia/Century Gothic) */
.dark_box h1, .light_box h1,
.dark_box h2, .light_box h2,
.dark_box h3, .light_box h3,
.smallh2,.mybigh2,.hashheader,
.teamhash, .teamhash a, .teamhash a:hover, .teamhash a:visited,
.started_by, .started_by a, .started_by a:hover, .started_by a:visited{
  font-family:var(--font-heading) !important;
}

/* Ensure forum title remains visible in dark mode */
html[data-theme="dark"] .dark_box h1,
html[data-theme="dark"] .light_box h1{color:#ffffff !important;}

/* FORCE WHITE LINKS IN DARK MODE (visibility) */
html[data-theme="dark"] a,
html[data-theme="dark"] a:visited,
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:active,
html[data-theme="dark"] a:focus{color:#ffffff !important;}

/* Header/top nav links always visible in dark mode */
html[data-theme="dark"] .header_area a,
html[data-theme="dark"] .business_header a,
html[data-theme="dark"] .header_area a:visited,
html[data-theme="dark"] .business_header a:visited{color:#ffffff !important;}

.grey_text,.metatext,.shadowtagtxt{color:var(--muted);}
input,textarea,select{background:var(--inputbg);color:var(--text);border:1px solid var(--border);}
.header_area,.business_header{background:var(--headerbg);}
.content_box,.main_box,.list_box,.light_box,.shadow_box,.post_detail_area{background:var(--card);border-color:var(--border);}
.dark_box,.meta_dark_box,.signature_dark_box{background:var(--card);border-color:var(--border);}
.theme_toggle{
  margin-left:6px;
  padding:4px 8px;
  font-size:14px;
  line-height:1;
  border:1px solid var(--border);
  background:var(--inputbg);
  color:var(--text);
  border-radius:4px;
  cursor:pointer;
}
.theme_toggle:hover{filter:brightness(0.98);}
html[data-theme="dark"] .theme_toggle:hover{filter:brightness(1.08);}

/* ==========================
   Dark-mode tuning: quotes, code, tables
========================== */
blockquote, .quote, .quote2, .quote_box, .quoted{
  background: var(--card);
  color: var(--text);
  border: 1px solid var(--border);
  border-left: 4px solid var(--border);
}
blockquote{padding:10px 12px;border-radius:10px;margin:10px 0;}

pre, code, .code, .code_box{
  background: var(--inputbg);
  color: var(--text);
  border: 1px solid var(--border);
}
pre, .code, .code_box{padding:10px;border-radius:10px;overflow:auto;}
code{padding:2px 4px;border-radius:6px;}

table{border-collapse:collapse; width:100%;}
table, th, td{border:1px solid var(--border);} 
th{background: var(--card); color: var(--text);} 
td{background: var(--bg); color: var(--text);} 

/* ==========================
   Floating share bar (View Topic)
========================== */
.floating_share_bar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: var(--headerbg);
  border-top: 1px solid var(--border);
  box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
}
.floating_share_inner{
  width: 1010px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.floating_share_left{display:flex;align-items:center;gap:8px;}
.floating_share_label{font-weight:600;}
.floating_share_count{
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid var(--border);
  background: var(--card);
  font-size:14px;
}
.floating_share_actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;}
.share_btn{
  display:inline-block;
  width:34px;
  height:34px;
  padding:0;
  border-radius:8px;
  border:1px solid var(--border);
  background: var(--inputbg);
  color: var(--text);
  text-decoration:none;
  font-size:15px;
  line-height: 1;
  cursor:pointer;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

/* Colorful share icons */
.share_fb{background:#1877F2;color:#fff;border-color:rgba(0,0,0,0.08);} 
.share_x{background:#111;color:#fff;border-color:rgba(0,0,0,0.08);} 
.share_wa{background:#25D366;color:#fff;border-color:rgba(0,0,0,0.08);} 
.share_tg{background:#2AABEE;color:#fff;border-color:rgba(0,0,0,0.08);} 
.share_li{background:#0A66C2;color:#fff;border-color:rgba(0,0,0,0.08);} 
.share_link{background:#7C3AED;color:#fff;border-color:rgba(0,0,0,0.08);} 
.share_btn:hover{filter:brightness(0.98);} 
html[data-theme="dark"] .share_btn:hover{filter:brightness(1.08);} 

/* Keep content above the fixed share bar */
body{padding-bottom:60px;}

/* ==========================
   Engagement popup (40s)
========================== */
.engage_popup{
  position: fixed;
  right: 14px;
  bottom: 70px;
  z-index: 1000;
  background: var(--headerbg);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  max-width: 360px;
  padding: 10px 12px;
}
.engage_popup_link{display:block;text-decoration:none;color:var(--text);} 
.engage_popup_tag{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid var(--border);
  background: var(--card);
  margin-bottom:6px;
}
.engage_popup_title{display:block;font-weight:600;line-height:1.3;}
.engage_popup_close{
  position:absolute;
  top:6px;
  right:8px;
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid var(--border);
  background: var(--inputbg);
  color: var(--text);
  cursor:pointer;
}



/* ==========================
   Dark mode: link visibility + form label/button contrast
   (Stage 44 corrections)
========================== */
html[data-theme="dark"] a{ color:#ffffff; }
html[data-theme="dark"] a:visited{ color:#fff2a8; } /* light yellow */
html[data-theme="dark"] a:active{ color:#f5f1e6; }  /* cream */
html[data-theme="dark"] a:hover{ text-decoration: underline; filter:brightness(1.08); }

html[data-theme="dark"] label,
html[data-theme="dark"] .label,
html[data-theme="dark"] .form_label,
html[data-theme="dark"] .login_label,
html[data-theme="dark"] .input_label{
  color:#f5f1e6 !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  color: var(--text);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:#cbd3e1;
  opacity: 1;
}

html[data-theme="dark"] input[type="submit"],
html[data-theme="dark"] button,
html[data-theme="dark"] .btn{
  background: #2a2f3a;
  color: #ffffff !important;
  border: 1px solid #3a4150;
}
html[data-theme="dark"] input[type="submit"]:hover,
html[data-theme="dark"] button:hover,
html[data-theme="dark"] .btn:hover{
  filter:brightness(1.10);
}



/* ===== Stage 46: Dark mode link visibility + toggle button ===== */
[data-theme='dark'] a{ color:#ffffff; }
[data-theme='dark'] a:visited{ color:#fff2a8; } /* lighter visited */
[data-theme='dark'] a:active{ color:#ffe6b3; }  /* cream */

[data-theme='dark'] .red, 
[data-theme='dark'] .error, 
[data-theme='dark'] .alert, 
[data-theme='dark'] .danger{ color:#ff8a8a !important; } /* lighter red */

.theme_toggle{ font-size:18px; padding:4px 8px; }
.theme_toggle .theme_icon{ font-size:20px; vertical-align:middle; }
.theme_toggle .theme_text{ font-size:12px; vertical-align:middle; }



/* ===== Stage 46: Bigger editor textarea ===== */
.mytextbox{ width:100%; min-height:320px; font-size:14px; line-height:1.5; padding:10px; box-sizing:border-box; }


/* ===== Stage 46: Floating share icons ===== */
.floating_share_actions .share_btn{ font-size:18px; text-decoration:none; padding:6px 8px; display:inline-block; }


/* ==========================
   Inline Related Posts (inline cards)
   ========================== */
.inline_rel_wrap{
  display:inline-block;
  max-width:100%;
  margin:10px 0;
}
.inline_rel_card{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:auto;
  max-width:100%;
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:10px;
  padding:10px 12px;
  text-decoration:none;
}
.inline_rel_card:hover{
  background:#fafafa;
}
.inline_rel_badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:bold;
  font-size:12px;
  padding:3px 8px;
  border-radius:6px;
  vertical-align:middle;
  color:#fff;
  text-transform:uppercase;
  white-space:nowrap;
}
.inline_rel_icon{ font-size:13px; line-height:1; }
.inline_rel_title{
  font-weight:bold;
  text-decoration:underline;
  color:inherit;
  white-space:normal;
  overflow-wrap:anywhere;
}
.inline_rel_meta{
  font-size:12px;
  opacity:0.8;
  white-space:nowrap;
}

/* Label colors */
.inline_rel_card.tag_trending .inline_rel_badge{ background:#d93025; }   /* hot red */
.inline_rel_card.tag_dontmiss .inline_rel_badge{ background:#1a73e8; }   /* blue */
.inline_rel_card.tag_archives .inline_rel_badge{ background:#188038; }   /* green */

/* Mobile: allow the card content to wrap nicely */
@media (max-width: 600px){
  .inline_rel_card{ flex-wrap:wrap; }
  .inline_rel_meta{ width:100%; }
}
/* Allow different labels to use different badge colors if desired */
.inline_rel_card.archive .inline_rel_badge{ background:#6c757d; }
.inline_rel_card.trending .inline_rel_badge{ background:#007bff; }
.inline_rel_card.week .inline_rel_badge{ background:#007bff; }
.inline_rel_card.month .inline_rel_badge{ background:#17a2b8; }

/* ==========================
   Older/Newer Story Navigation (two cards)
   ========================== */
.story_nav_wrap{
  display:flex;
  gap:14px;
  justify-content:space-between;
  margin:12px 0 12px 0;
}
.story_nav_card{
  flex:1;
  background:#fff;
  border:1px solid #e0e0e0;
  border-radius:8px;
  padding:12px 14px;
  text-decoration:none;
  color:inherit;
  min-height:52px;
}
.story_nav_prev{ text-align:left; }
.story_nav_next{ text-align:right; }

.story_nav_badge{
  display:inline-block;
  font-weight:bold;
  font-size:12px;
  padding:3px 8px;
  border-radius:4px;
  text-transform:uppercase;
  margin-bottom:6px;
}
.story_nav_badge_old{
  background:#bfe3d1; /* light green */
  color:#000;
}
.story_nav_badge_new{
  background:#ffe3a3; /* light yellow */
  color:#000;
}
.story_nav_title{
  display:block;
  font-weight:bold;
  text-decoration:underline;
  line-height:1.25;
}

/* Mobile stacking */
@media (max-width: 700px){
  .story_nav_wrap{ display:block; }
  .story_nav_card{ margin:10px 0; }
  .story_nav_next{ text-align:left; }
}



/* --- Inline related posts (DON'T MISS style) - enforced layout --- */
.inline_rel_wrap{ margin:10px 0; }
.inline_rel_card{
  display:flex !important;
  align-items:center !important;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  border:1px solid #e0e0e0;
  border-radius:6px;
  background:#fff;
  padding:10px 12px;
  text-decoration:none !important;
}
.inline_rel_badge{
  background:#ff7a1a;
  color:#fff;
  font-weight:bold;
  font-size:11px;
  padding:6px 8px;
  border-radius:3px;
  text-transform:uppercase;
  white-space:nowrap;
}
.inline_rel_title{
  font-weight:bold;
  text-decoration:underline;
  color:#000;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* ===== Stage 58: Action links inline bar (Like/Quote/Modify/Sticky/Remove/Feature) ===== */
.topic_action_links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
}
.topic_action_links a{
    display:inline-block;
    text-decoration:underline;
}
.topic_action_links form{
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
}
.topic_action_links button{
    white-space:nowrap;
}



/* ===== Stage 61: Editor sizing parity (Modify/Reply/Quote) + Inline Related forced ===== */
.textarea_container{ width:100% !important; max-width:100% !important; }
.mytextbox{
    width:100% !important;
    min-height:220px !important;
    font-size:14px !important;
    line-height:1.55 !important;
}
.editor_container{ width:100% !important; max-width:100% !important; }
.editor_toolbar{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; align-items:center !important; }


/* ==========================
   Stage 66: Readability + mobile viewport support (CSS side)
   - Counters inline font-size:12px blocks
   - Forces post/content text to 16px+
========================== */

/* Global base */
html{ font-size:16px !important; }
body{
  font-size:16px !important;
  line-height:1.7 !important;
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
}

/* Override legacy inline tiny wrappers */
.main_box[style*="font-size: 12px"],
.main_box[style*="font-size:12px"]{
  font-size:16px !important;
  line-height:1.7 !important;
}
.main_box[style*="font-size: 11px"],
.main_box[style*="font-size:11px"]{
  font-size:14px !important;
  line-height:1.45 !important;
}

/* Ensure core content reads well */
.post_detail_area,
.topic_content,
.post_content,
.post_body,
.reply_body,
.comment_body,
.light_box{
  font-size:16px !important;
  line-height:1.75 !important;
  text-align:left !important;
}
.post_detail_area p,
.topic_content p,
.post_content p,
.reply_body p,
.comment_body p,
.light_box p{
  font-size:16px !important;
  line-height:1.8 !important;
  margin:12px 0 !important;
  text-align:left !important;
}

/* Meta/text helpers stay readable */
.grey_text,.metatext,.shadowtagtxt,.forum_stats_p,.signature_dark_box,.meta_dark_box{
  font-size:14px !important;
  line-height:1.45 !important;
}

/* Forms */
input,select,textarea,button{ font-size:14px !important; }

/* ==============================
   Mini Hashtags box (recent processed)
   ============================== */
.hashtag_mini_box{
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 6px;
  background: rgba(0,0,0,0.02);
  font-size: 13px;
  line-height: 1.6;
}
.hashtag_mini_label{
  display: inline-block;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(0,123,255,0.12);
  color: #0b3d6e;
  margin-right: 8px;
  white-space: nowrap;
}
.hashtag_chip{
  display: inline-block;
  margin: 2px 6px 2px 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,0.05);
  text-decoration: none;
}
.hashtag_chip:hover{ text-decoration: underline; }

html[data-theme='dark'] .hashtag_mini_box{
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}
html[data-theme='dark'] .hashtag_mini_label{
  background: rgba(0,123,255,0.25);
  color: rgba(255,255,255,0.95);
}
html[data-theme='dark'] .hashtag_chip,
html[data-theme='dark'] .hashtag_chip:visited{
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.92) !important;
}

/* Quotes: bigger, readable, and consistent across devices */
.quote, .quote2{
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  font-family: var(--font-body) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  background: rgba(0,0,0,0.06) !important;
  color: var(--text) !important;
}
.quote p, .quote2 p{font-size: 17px !important; line-height: 1.7 !important; color: var(--text) !important;}
.quote p#author{font-size: 15px !important; opacity: 0.85;}
html[data-theme='dark'] .quote, html[data-theme='dark'] .quote2{background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.12) !important;}



/* --- Header trending hashtags (mini chips) --- */
.hashtag_mini_box{
  margin: 8px auto 0 auto;
  padding: 6px 8px;
  text-align: center;
}
.hashtag_mini_label{
  display: inline-block;
  margin-right: 6px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
  background: rgba(0,123,255,.12);
  border: 1px solid rgba(0,123,255,.25);
  color: #0b5ed7;
  vertical-align: middle;
  white-space: nowrap;
}
.hashtag_mini_items{
  display: inline-block;
  vertical-align: middle;
}
a.hashtag_chip{
  display: inline-block;
  margin: 3px 4px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
}
a.hashtag_chip:hover{
  text-decoration: underline;
}

/* Dark mode variants */
html[data-theme="dark"] .hashtag_mini_label{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}
html[data-theme="dark"] a.hashtag_chip{
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}


/* --- Header centering + left-aligned trending wrapper --- */
.header_box .dark_box,
.header_box .light_box{
  text-align: center;
}
.header_box .hashtag_mini_box{
  text-align: left;
}

/* --- View topic header box centering (keep post content readable) --- */
.topic_head_box .light_box{
  text-align: center;
}
.topic_head_box h2{
  margin-bottom: 6px;
}
.topic_breadcrumbs{
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 4px;
}
.topic_breadcrumbs a{ text-decoration: underline; }
.topic_views{
  margin-left: 6px;
  font-weight: 600;
}
.topic_jump{
  margin-left: 10px;
  font-weight: 700;
  font-size: 11px;
}
.topic_action_row{
  text-align: center;
  margin-top: 6px;
}

/* Make the very bottom view-topic actions centered as well */
html[data-theme="dark"] .topic_breadcrumbs,
html[data-theme="dark"] .topic_breadcrumbs a{
  color: rgba(255,255,255,.92);
}


/* --- Mobile/DM fixes: enforce readable links + title + meta --- */
html[data-theme="dark"] a,
html[data-theme="dark"] a:visited,
html[data-theme="dark"] a:active,
html[data-theme="dark"] a:hover{
  color: rgba(255,255,255,.92) !important;
  background: transparent !important;
}

/* Keep underline visible and consistent */
html[data-theme="dark"] a{ text-decoration-color: rgba(255,255,255,.55) !important; }

/* Topic title (view topic header) must be visible in dark mode */
html[data-theme="dark"] .topic_head_box h2,
html[data-theme="dark"] .topic_head_box h2 a{
  color: rgba(255,255,255,.95) !important;
}

/* Author (brighter red) in dark mode */
html[data-theme="dark"] a.author_link,
html[data-theme="dark"] .author_link{
  color: #ff6b6b !important;
  font-weight: 700;
}

/* Time/date/meta after author in dark mode */
html[data-theme="dark"] .post_meta_time,
html[data-theme="dark"] .post_meta_time span,
html[data-theme="dark"] .post_meta_time a{
  color: rgba(255,255,255,.72) !important;
}

/* "THIS MIGHT INTEREST YOU" badge formatting */
.story_nav_badge_interest{
  background: #ff7a1a;
  color: #fff;
}
.story_nav_badge_interest .badge_text{
  white-space: nowrap;
}


/* --- Header layout + minimal search --- */
.header_search_row{ margin-top:6px; }
.header_search_form{ display:flex; justify-content:center; gap:8px; align-items:center; }
.header_search_field{ width: 68%; max-width: 520px; padding:8px 10px; }
.header_search_btn{ padding:8px 12px; font-weight:700; }

/* Floating theme toggle */
.theme_toggle_float{
  position: fixed;
  right: 14px;
  bottom: 16px;
  z-index: 9999;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 700;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  cursor: pointer;
}
.theme_toggle_float .theme_text_float{ margin-left:6px; font-size:12px; }
html[data-theme="dark"] .theme_toggle_float{
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(20,24,30,.85);
  color: rgba(255,255,255,.92);
}

/* Trending now label + chips (more colourful) */
.hashtag_mini_label{
  background: linear-gradient(90deg, rgba(255,122,26,.22), rgba(0,123,255,.18));
  border: 1px solid rgba(255,122,26,.28);
  color: #b94700;
}
a.hashtag_chip{
  border: 1px solid rgba(0,123,255,.20);
  background: rgba(0,123,255,.06);
}
a.hashtag_chip:nth-child(3n+1){ background: rgba(255,122,26,.08); border-color: rgba(255,122,26,.25); }
a.hashtag_chip:nth-child(3n+2){ background: rgba(40,167,69,.08); border-color: rgba(40,167,69,.22); }
a.hashtag_chip:nth-child(3n){ background: rgba(111,66,193,.08); border-color: rgba(111,66,193,.22); }

html[data-theme="dark"] .hashtag_mini_label{
  background: linear-gradient(90deg, rgba(255,122,26,.22), rgba(0,123,255,.22));
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.92);
}


/* --- Story navigation badges: unique colours --- */
.story_nav_badge_old{ background:#cfe9dc; color:#000; }
.story_nav_badge_new{ background:#ffe2a8; color:#000; }
.story_nav_badge_interest{ background:#ff3b30; color:#fff; }

/* Ensure nav titles/links are visible in dark mode */
html[data-theme="dark"] .story_nav_card{
  background: rgba(20,24,30,.60);
  border-color: rgba(255,255,255,.14);
}
html[data-theme="dark"] .story_nav_title{
  color: rgba(255,255,255,.92) !important;
  text-decoration-color: rgba(255,255,255,.55) !important;
}


/* --- Inline related posts: dark mode visibility + wrapping --- */
html[data-theme="dark"] .inline_rel_card,
html[data-theme="dark"] .inline_related_row{
  background: rgba(20,24,30,.55);
  border-color: rgba(255,255,255,.14);
}
html[data-theme="dark"] .inline_rel_title,
html[data-theme="dark"] .inline_related_title{
  color: rgba(255,255,255,.92) !important;
  text-decoration-color: rgba(255,255,255,.55) !important;
}

/* Force inline related blocks to occupy full width so next paragraph drops below */
.inline_rel_wrap,
.inline_related_wrap,
.inline_rel_card,
.inline_related_row{
  display:block;
  width:100%;
  clear:both;
}
.inline_rel_card,
.inline_related_row{
  flex-wrap: wrap;
}


/* --- Center featured topics + members online --- */
.featured_topics_box .dark_box,
.featured_topics_box .light_box{
  text-align:center;
}
.members_online_box,
.members_online_box *{
  text-align:center;
}


/* --- View topic: viewers online centered --- */
.viewers_online_box,
.viewers_online_box *{
  text-align:center;
}


/* --- Footer: search + subscribe on same line (50/50) --- */
.footer_action_row{
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
}
.footer_action_left,
.footer_action_right{
  flex:1 1 240px;
}
@media (min-width: 720px){
  .footer_action_left,
  .footer_action_right{
    flex:0 0 calc(50% - 5px);
  }
}
.footer_action_left form,
.footer_action_right form{
  display:flex;
  gap:8px;
  align-items:center;
}
.footer_action_left .search_field,
.footer_action_right .search_field{
  width:100%;
}


/* --- Header: enforce centering on all devices --- */
.header_box .dark_box,
.header_box .light_box{
  text-align:center !important;
}


/* --- Header search button (button tag) --- */
.header_search_btn{
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(0,0,0,.04);
}
html[data-theme="dark"] .header_search_btn{
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}


/* --- View topic: center header groups --- */
.topic_head_box .light_box{ text-align:center; }
.topic_breadcrumbs{ text-align:center; }
.topic_breadcrumbs strong{ display:inline-block; }
.topic_breadcrumbs .topic_views,
.topic_breadcrumbs .topic_jump{ display:inline-block; margin-left:10px; }
.topic_action_row{ text-align:center; margin-top:6px; }
.topic_action_row > *{ display:inline-block; }


/* --- Homepage desktop centering fixes (scoped) --- */
.header_box .light_box,
.header_box .light_box p{
  text-align:center !important;
}
.featured_topics_box .light_box,
.featured_topics_box .light_box p{
  text-align:center !important;
}