/*
 * Tamiyouz Blog V55
 * Editorial light reading for all existing and upcoming single posts.
 * Keep only sidebar widgets in corporate navy, introduce luminous blue
 * category swipe on hover/focus. No JS, web fonts, images or DOM changes.
 *
 * The published ecommerce guide (post 18169) already has V52 light styling.
 * Keep that independent, including its protected article/form palette.
 */
/* 1. Gentle warm-ivory reading canvas for other articles */
body.single-post:not(.postid-18169) {
  --tyz42-paper:#f9f5ee;
  --tyz42-paper-strong:#fffefa;
  --tyz42-reading:#233a4a;
  --tyz42-heading:#15384f;
  --tyz42-heading-sub:#21465c;
  --tyz42-gold:#b28446;
  --tyz42-muted:#546875;
  --tyz42-stroke:rgba(161,120,66,.29);
  background:#f8f4eb!important;
  color:#233a4a!important;
}
body.single-post:not(.postid-18169) #layout,
body.single-post:not(.postid-18169) #page_content {
  background:linear-gradient(180deg,#faf7f1 0%,#f5f0e8 60%,#faf7f2 100%)!important;
}
body.single-post:not(.postid-18169) #page_content > .row {
  background:transparent!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con {
  color:#233a4a!important;
  background:linear-gradient(155deg,#fffefa,#faf6ef)!important;
  border:1px solid rgba(179,145,100,.33)!important;
  box-shadow:0 15px 35px rgba(20,46,63,.075)!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con > .xtra-post-title {
  color:#10374f!important;
  text-shadow:none!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con :is(.xtra-post-title-date,.xtra-post-title-date a,.tyz-p3-reading-time) {
  color:#536776!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content,
body.single-post:not(.postid-18169) #page_content .content.single_con .elementor-widget-text-editor {
  color:#233a4a!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(p,li):not(.tyz-seo-answer):not(.elementor-toc__list-item) {
  color:#263e50!important;
  line-height:1.95!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(p,li):not(.tyz-seo-answer) :is(span,font)[style*="color:" i] {
  color:inherit!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(h2,h3,h4,h5,h6):not(.elementor-toc__header-title) {
  color:#173b52!important;
  text-shadow:none!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(h2,.elementor-widget-heading h2):not(.elementor-toc__header-title) {
  border-inline-start-color:#c09960!important;
  background:linear-gradient(90deg,rgba(220,182,125,.08),rgba(220,182,125,.17) 70%,rgba(220,182,125,.09))!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(h3,.elementor-widget-heading h3) {
  border-inline-start-color:rgba(184,139,72,.53)!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(p,li) a:not(.elementor-button):not(.cz_btn),
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(p,li) a:not(.elementor-button):not(.cz_btn):visited {
  color:#17587e!important;
  text-decoration-color:rgba(23,88,126,.49)!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(p,li) a:not(.elementor-button):not(.cz_btn):is(:hover,:focus-visible) {
  color:#94601f!important;
  text-decoration-color:currentColor!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(p,li) a :is(span,font)[style*="color:" i] {
  color:inherit!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content li::marker{
  color:#ad7f3f!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content blockquote{
  background:#f4eddf!important;
  border:1px solid #dcc7aa!important;
  border-inline-start:4px solid #b78b4e!important;
  color:#254153!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content blockquote :is(p,li,span){
  color:#263f50!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(figcaption,.wp-caption-text){
  color:#516574!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :not(pre) > code{
  background:#eee0ca!important;
  color:#65451c!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content table {
  background:#fffdf9!important;
  border:1px solid #d8c8ad!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content table :is(th,td) {
  color:#263d4e!important;
  background:#fffdfa!important;
  border-color:#e1d3bd!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content table th {
  background:#1e4256!important;
  color:#ffebc9!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content table tr:nth-child(even) td {
  background:#f6f0e5!important;
}
/* Existing TOCs and code samples intentionally retain navy backgrounds.
   Preserve light text in those clearly-dark micro-components. */
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content .elementor-widget-table-of-contents :is(.elementor-toc__body,.elementor-toc__list-item,.elementor-toc__list-item-text,.elementor-toc__list-item-text-wrapper) {
  color:#edf4fb!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content .elementor-widget-table-of-contents .elementor-toc__list-item a,
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content .elementor-toc__list-item a{
  color:#edf4fb!important;
  text-decoration:none!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content .elementor-toc__list-item a:is(:hover,:focus-visible){
  color:#ffe1a6!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content .tyz-p3-toc :is(li,a){
  color:#f0f5fc!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content .tyz-p3-toc a:is(:hover,:focus-visible) {
  color:#ffe0a4!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(p,li):not(.tyz-seo-answer) {
  font-weight:520!important;
}
/* Keep the intentional navy SEO answer / mini-panels contrast.
   Do not recolor specialty ecommerce V49 or any unrelated page. */
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content p.tyz-seo-answer{
  background:linear-gradient(155deg,#fffaf0,#f5e8d1)!important;
  color:#1a3d52!important;
}
body.single-post:not(.postid-18169) #page_content .content.single_con .cz_post_content :is(.tyz-seo-answer,.tyz-seo-answer strong,.tyz-seo-answer span) {
  color:#1a3d52!important;
}
/* 2. Keep ALL single-post sidebar widgets dark, including in the new
   light articles, and preserve V54 as the editorial reference. */
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget{
  background:linear-gradient(155deg,#16364e,#0c273d 90%)!important;
  border:1px solid rgba(227,186,121,.46)!important;
  color:#eef5fc!important;
  box-shadow:0 12px 27px rgba(8,24,38,.17)!important;
  overflow:visible!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(h2,h3,h4,h5){
  color:#f4d59c!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(p,span,label,small){
  color:#e2edf7!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget a{
  color:#f0f5fc!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget a:is(:hover,:focus-visible){
  color:#ffe0a1!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(input[type="search"],input[type="email"],input[type="text"]){
  background:#0b2438!important;
  color:#f5f9fc!important;
  border:1px solid rgba(237,198,129,.52)!important;
  box-shadow:none!important;
  border-radius:10px!important;
  caret-color:#eed19b!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget input::placeholder{
  color:#c6d4df!important;
  opacity:1!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(input[type="search"],input[type="email"],input[type="text"]):focus-visible{
  outline:2px solid #f2d399!important;
  outline-offset:2px!important;
  border-color:#f2d399!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(button[type="submit"],input[type="submit"]){
  background:#e5ba73!important;
  color:#133044!important;
  border:1px solid #e5ba73!important;
  border-radius:10px!important;
  font-weight:800!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(button[type="submit"],input[type="submit"]):is(:hover,:focus-visible){
  background:#ffde9d!important;
  color:#122b3a!important;
  border-color:#ffde9d!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(button[type="submit"],input[type="submit"]) :is(i,svg){
  color:#122b3a!important;
}
body.single-post #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(.cz_small_post_date,.cz_small_post_date span,.cz_small_post_date i){
  color:#cbdce9!important;
  opacity:1!important;
}
/* 3. Premium category hover: bright blue diagonal swipe travels smoothly
   from the right, beneath the labels. Gold category dots, clearer weight.
   Focus-within gets the same experience for keyboard visitors. */
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul{
  display:block!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-width:0!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li{
  position:relative!important;
  isolation:isolate;
  list-style:none!important;
  display:block!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid rgba(207,224,237,.19)!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .32s ease,box-shadow .32s ease,border-color .32s ease!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li::before{
  content:none!important;
  display:none!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li::marker{
  content:""!important;
}
/* A single decorative glow layer; nothing moves unless hovered/focused. */
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li::after{
  content:"";
  pointer-events:none;
  position:absolute;
  z-index:0;
  inset-block:-25%;
  inset-inline-start:-30%;
  width:66%;
  background:linear-gradient(100deg,transparent 0%,rgba(33,124,206,.05) 18%,rgba(54,160,250,.25) 45%,rgba(143,222,255,.42) 52%,rgba(44,145,230,.16) 68%,transparent 100%);
  opacity:0;
  transform:translateX(210%) skewX(-15deg);
  transition:transform .7s cubic-bezier(.22,.74,.3,1),opacity .35s ease!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li > a{
  position:relative!important;
  z-index:1;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  padding:9px 12px!important;
  margin:0!important;
  color:#f0f7fc!important;
  text-align:right!important;
  font:800 clamp(13.5px,1.05vw,15px)/1.78 Almarai,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:7px!important;
  text-shadow:none!important;
  overflow-wrap:break-word!important;
  transition:color .22s ease!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li > a::before{
  content:"";
  display:inline-block;
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e9c78e;
  box-shadow:0 0 0 2px rgba(233,199,142,.12);
  transition:background .25s ease,box-shadow .25s ease!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li:is(:hover,:focus-within){
  background:linear-gradient(110deg,#14364f,#194a6a 58%,#15415f)!important;
  border-bottom-color:rgba(101,195,250,.54)!important;
  box-shadow:inset 3px 0 rgba(90,190,252,.48),inset 0 0 15px rgba(62,151,222,.1)!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li:is(:hover,:focus-within)::after{
  opacity:1;
  transform:translateX(-175%) skewX(-15deg);
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li:is(:hover,:focus-within) > a{
  color:#fff3d9!important;
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li:is(:hover,:focus-within) > a::before {
  background:#9be2ff;
  box-shadow:0 0 0 3px rgba(104,197,249,.20),0 0 9px rgba(95,202,255,.5);
}
body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li > a:focus-visible {
  outline:2px solid #ffe0a2!important;
  outline-offset:-3px!important;
}
@media(max-width:650px){
  body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li > a{
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:14.5px!important;
  }
  body.single-post:not(.postid-18169) #page_content .content.single_con {
    border-radius:14px!important;
    box-shadow:0 9px 24px rgba(24,45,61,.055)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li,
  body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li::after,
  body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li > a,
  body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li > a::before {
    transition:none!important;
    animation:none!important;
  }
  body.single-post #page_content .sidebar_primary #categories-11.widget_categories > ul > li::after{
    display:none!important;
  }
}
@media print{
  body.single-post:not(.postid-18169) #page_content .content.single_con {
    background:white!important;
    box-shadow:none!important;
  }
  body.single-post #page_content .sidebar_primary { display:none!important; }
}