/*
 * Tamiyouz Blog V44
 * Reuse the existing sidebar widgets. Main articles / category post cards
 * occupy the RIGHT (RTL first track), widget rail sits on the LEFT.
 * Desktop two-column CSS Grid; only phones/small tablets stack below.
 * No HTML changes, no assets, no JavaScript, no URL or SEO alterations.
 */
@media (min-width:931px) {
  body:is(.single-post,.archive,.category,.search) #page_content > .row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(258px,23vw,306px)!important;
    grid-template-rows:auto!important;
    direction:rtl!important;
    align-items:start!important;
    align-content:start!important;
    justify-content:center!important;
    gap:clamp(18px,2.1vw,31px)!important;
    box-sizing:border-box!important;
    width:min(1460px,calc(100% - 46px))!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s8 {
    grid-column:1!important;
    grid-row:1!important;
    float:none!important;
    clear:none!important;
    display:block!important;
    order:0!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary {
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    order:0!important;
    float:none!important;
    clear:none!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    position:relative!important;
    inset:auto!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner {
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:clamp(14px,1.7vw,23px)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget {
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:clamp(15px,1.7vw,22px)!important;
    border:1px solid rgba(231,192,120,.33)!important;
    border-radius:16px!important;
    background:linear-gradient(160deg,#14334a,#0b253a)!important;
    box-shadow:0 12px 24px rgba(3,13,26,.14)!important;
    overflow-wrap:break-word!important;
    text-align:right!important;
    color:#ebf2f7!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget h4 {
    color:#f3d49a!important;
    line-height:1.65!important;
    margin:0 0 14px!important;
    font-size:clamp(16px,1.22vw,19px)!important;
    text-align:right!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(p,li,span,small){
    overflow-wrap:break-word;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget a {
    color:#eaf2f8!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget a:is(:hover,:focus-visible) {
    color:#f5d49b!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(input[type="search"],input[type="email"],input[type="text"]){
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget img {
    max-width:100%!important;
    height:auto!important;
  }
  /* Archive cards still use the centered V43 flex layout within a wide
     article column, instead of forming a narrow strip on the right. */
  body:is(.archive,.category,.search) #page_content > .row .cz_grid.cz_grid_posts {
    justify-content:center!important;
  }
}
@media (min-width:931px) and (max-width:1150px) {
  body:is(.archive,.category,.search) #page_content > .row .cz_grid.cz_grid_posts > .cz_grid_item:not(.cz_grid_first){
    flex:0 0 calc((100% - clamp(16px,2.0vw,27px))/2)!important;
    width:calc((100% - clamp(16px,2.0vw,27px))/2)!important;
  }
}
/* Tablets and phones: give articles the full viewport width; widgets
 * become a single vertical rail AFTER the main content, never columns. */
@media (max-width:930px) {
  body:is(.single-post,.archive,.category,.search) #page_content > .row{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:clamp(18px,3vw,27px)!important;
    width:calc(100% - 26px)!important;
    max-width:100%!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s8 {
    order:1!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary {
    order:2!important;
    float:none!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:16px auto 40px!important;
    padding:20px 0 0!important;
    border-top:1px solid rgba(234,193,123,.29)!important;
    box-sizing:border-box!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner {
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget {
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:620px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0 auto!important;
    padding:clamp(15px,3.3vw,21px)!important;
    border:1px solid rgba(230,190,119,.32)!important;
    border-radius:14px!important;
    background:linear-gradient(155deg,#143249,#0b263b)!important;
    color:#eaf2f7!important;
    text-align:right!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget h4 {
    color:#f1d19b!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget a{
    color:#eaf2f8!important;
  }
  body:is(.single-post,.archive,.category,.search) #page_content > .row > .col.s4.sidebar_primary .sidebar_inner > .widget :is(input,img) {
    max-width:100%!important;
  }
}
@media (max-width:360px) {
  body:is(.single-post,.archive,.category,.search) #page_content > .row {
    width:calc(100% - 16px)!important;
  }
}