/* Theme frontend styles */
*{margin:0;padding:0;box-sizing:border-box}:root{--text:#f1f1f1;--muted:#b8b8b8;--main:#e91e63;--second:#03a9f4;--bg:#0f0f0f;--overlay:#ffffff1a;--hover:#ffffff33;--border:#353535;--shadow:0 0 10px 0 rgba(0,0,0,0.1);--radius:5px;--transition:all 0.3s ease}body{font-family:Roboto,"Arial",sans-serif;font-size:16px;line-height:1.5;color:var(--muted);background-color:var(--bg);background-image:radial-gradient(circle at top center,#373637 0%,var(--bg) 70%);background-repeat:no-repeat;background-attachment:fixed}a{color:var(--text);text-decoration:none;transition:var(--transition)}a:hover{color:var(--second)}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;margin-bottom:10px}h2{font-size:18px}h3{font-size:16px}strong{font-weight:500}p{color:var(--muted);margin-bottom:10px}img{max-width:100%;height:auto}ol,ul{list-style:disc;margin-left:20px;margin-bottom:10px}li{color:var(--muted)}.video-section{margin-bottom:10px}video{width:100%;height:auto;max-width:100%;height:auto;object-fit:contain;background:var(--overlay);aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;outline:none}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:var(--overlay);border-radius:var(--radius);clip:auto !important;clip-path:none;color:var(--text);display:block;font-size:0.875rem;height:auto;left:0.5rem;line-height:normal;padding:0.5rem 0.75rem;text-decoration:none;top:0.5rem;width:auto;z-index:100000}.site-header{position:sticky;top:0;z-index:100;background-color:#0000008c;border-bottom:1px solid var(--border);backdrop-filter:blur(24px)}.header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;max-width:1080px;margin:0 auto;padding:5px 10px}.site-branding{min-width:0}.site-title{margin:0;font-size:26px;line-height:1.2}.site-title a{display:flex;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);align-items:center}.site-title a:hover{color:var(--main);outline:none}.header-search{min-width:0}.search-form{display:flex;align-items:center;width:100%;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.search-field{flex:1;min-width:0;width:100%;padding:0.5625rem 0.75rem;border:0;background:transparent;color:var(--text);font:inherit;line-height:1.25}.search-field::placeholder{color:var(--muted)}.search-field:focus{outline:none}.search-form:focus-within{border-color:var(--main)}.search-submit{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0.5rem 0.625rem;border:0;background:transparent;color:var(--muted);cursor:pointer;transition:var(--transition)}.search-submit:hover,.search-submit:focus{color:var(--main);outline:none}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.25rem;height:2.25rem;padding:0.375rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:var(--transition)}.menu-toggle:hover,.menu-toggle:focus{border-color:var(--border);outline:none}.menu-toggle__bar{display:block;width:100%;height:2px;background-color:var(--text);border-radius:1px;transition:var(--transition)}.site-header.is-open .menu-toggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.is-open .menu-toggle__bar:nth-child(2){opacity:0}.site-header.is-open .menu-toggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.main-navigation{grid-column:3;grid-row:1;display:block}.main-navigation .menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:0}.main-navigation .menu a{display:block;padding:8px 15px;color:var(--muted);font-size:0.9375rem;white-space:nowrap;border-radius:100px}.main-navigation .menu .menu-item-uncut>a{display:flex;align-items:center;gap:6px}.main-navigation .menu .menu-icon{width:16px;height:16px;flex-shrink:0}.main-navigation .menu a:hover,.main-navigation .menu a:focus{color:var(--text);background:var(--hover)}.site-main{max-width:1080px;margin:0 auto;padding:10px}.site-page{background:var(--overlay)}.home-content,.home-posts{margin-bottom:10px}.best-collections{display:flex;flex-wrap:wrap}.best-items{flex:auto}.best-items ol{list-style:decimal;margin-left:20px;margin-bottom:10px}.best-items li{color:var(--muted)}.error-404{text-align:center}.error-404 a{text-align:center;border:1px solid var(--border);margin:auto;padding:10px}.error-404 p{margin-bottom:0.75rem}.page-header{margin-bottom:1rem}.page-header .page-title{font-size:24px;margin-bottom:10px}.archive-description{font-size:16px;color:var(--muted)}.series-list{list-style:none;margin:0 0 1rem;padding:0;gap:5px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.series-quick-search{margin:0 0 0.75rem;text-align:center}.series-filter-input{width:100%;max-width:420px;font-size:14px;padding:5px 10px;background:var(--overlay);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit}.series-filter-input:focus{outline:none;border-color:var(--main)}.series-list li{margin:0}.series-list a{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--overlay);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-list a:hover,.series-list a:focus{color:var(--text);background:var(--hover)}.series-list__icon{color:var(--muted);width:16px;height:16px;flex-shrink:0}.series-no-results{text-align:center;margin-top:0.5rem;color:var(--muted)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-bottom:10px}.post-card{display:block;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.post-card:hover{border-color:var(--main);transform:translateY(-1px);box-shadow:var(--shadow)}.post-card-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#272727}.post-card-title{font-size:16px;margin:0;padding:5px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:normal}.post-card-meta{padding:5px 10px;color:var(--muted);border-top:1px solid var(--border);font-size:14px;margin:0;display:flex;justify-content:space-between}.post-card-meta span{display:flex;gap:5px;align-items:center;font-weight:300}.pagination-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.5rem;list-style:none;padding:0;margin:0}.pagination-list li{flex:auto}.pagination-list a,.pagination-next a,.pagination-prev a,.pagination-list span{display:inline-block;padding:0.5rem 0.75rem;border:1px solid var(--border);border-radius:var(--radius);width:100%;text-align:center}.pagination-list a:hover,.pagination-list a:focus,.pagination-next a:hover,.pagination-next a:focus,.pagination-prev a:hover,.pagination-prev a:focus{background:var(--hover);color:var(--text)}.pagination-num,.pagination-next,.pagination-prev,.pagination-current-mobile{flex:auto}.pagination-num.is-current span,.pagination-current-mobile span{background:var(--hover);color:var(--text)}.pagination-current-mobile{display:none}.pagination-list .is-disabled{opacity:0.7}h1.entry-title{font-size:22px;margin:0;margin-right:auto}.section-separator{display:flex;align-items:center;gap:10px}.section-separator::before,.section-separator::after{content:"";flex:1;height:1px;background:var(--border)}.entry-content{color:var(--muted)}.single-content p{margin:0}.single-content a{color:var(--second)}.single-content a:hover,.single-content a:focus{color:var(--main)}.taxonomies{margin:10px 0;padding:0;gap:5px;display:flex;flex-wrap:wrap}.taxonomies a{text-align:center;padding:8px;line-height:1;min-width:70px;font-size:14px;color:var(--muted);background:var(--overlay);border-radius:99px;cursor:pointer;transition:var(--transition);flex:auto}.taxonomies a:hover,.taxonomies a:focus{color:var(--text);background:var(--hover);border-color:var(--main);outline:none}.site-footer{border-top:1px solid var(--border)}.footer-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;max-width:1080px;margin:0 auto;padding:5px 10px}.footer-copy{min-width:0}.site-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0.25rem 0.375rem;margin:0;font-size:0.8125rem;line-height:1.4;color:var(--muted)}.site-info a{color:var(--text);font-weight:600}.site-info a:hover,.site-info a:focus{color:var(--second)}.footer-navigation .menu{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0px;list-style:none;margin:0;padding:0}.footer-navigation .menu a{display:block;padding:8px 15px;font-size:0.8125rem;line-height:1;color:var(--muted);white-space:nowrap;border-radius:99px}.footer-navigation .menu a:hover,.footer-navigation .menu a:focus{color:var(--text);background:var(--hover)}.single-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.action-btns{display:flex;align-items:center;gap:5px}.acbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;line-height:1;min-width:70px;color:var(--muted);background:var(--overlay);border:1px solid var(--border);border-radius:99px;cursor:pointer;transition:var(--transition)}.acbtn:hover,.acbtn:focus{color:var(--text);background:var(--hover);outline:none}.acbtn__icon{width:18px;height:18px;flex-shrink:0}.vlike-panel{background:var(--bf-bg);display:flex;gap:0;overflow:hidden}.vlike-panel{display:flex;gap:0;background:var(--overlay);border:1px solid var(--border);border-radius:99px;cursor:pointer;transition:var(--transition)}.vlike-separator{border:1px solid var(--border)}.vlike-btn{cursor:pointer;border:0;background:#ffffff00;border-radius:0;padding:10px 15px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);min-width:80px;justify-content:center;width:100%;transition:background-color 180ms ease,transform 140ms ease,color 180ms ease}.vlike-btn:hover{color:var(--text);background:var(--hover);outline:none}.vlike-icon-wrap{display:inline-flex;align-items:center}.vlike-icon{display:block}.vlike-icon--solid{display:none}.vlike-btn.is-active .vlike-icon--solid{display:block}.vlike-btn.is-active .vlike-icon--outline{display:none}.vlike-btn.is-clicking{transform:scale(0.94)}.vlike-btn .vlike-icon-wrap{transition:transform 220ms ease}.vlike-btn.is-clicking .vlike-icon-wrap{transform:scale(1.12)}.vlike-panel.vlike-feedback-like [data-vlike-vote="like"] .vlike-icon-wrap,.vlike-panel.vlike-feedback-dislike [data-vlike-vote="dislike"] .vlike-icon-wrap{animation:vlike-pop-feedback 360ms ease}@keyframes vlike-pop-feedback{0%{transform:scale(1)}35%{transform:scale(1.22)}100%{transform:scale(1)}}.vlike-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vlike-error .vlike-btn{border-color:#d63638}@media (max-width:767px){h1.entry-title{flex:100%}.header-inner{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:0.625rem 0.75rem}.search-field{padding:0.5rem 0.625rem}.menu-toggle{display:flex}.main-navigation{grid-column:1 / -1;grid-row:2;display:none;padding-top:0.25rem;border-top:1px solid var(--border)}.site-header.is-open .main-navigation{display:block}.main-navigation .menu{flex-direction:column;align-items:stretch;gap:0.125rem;padding:0.25rem 0 0}.main-navigation .menu a{padding:10px;white-space:normal;border-radius:0}.posts-grid{grid-template-columns:1fr}.main-navigation{margin:0 -10px}.pagination-num{display:none}.pagination-current-mobile{display:list-item}.pagination-prev,.pagination-next{flex:1}.pagination-prev a,.pagination-next a,.pagination-prev .is-disabled,.pagination-next .is-disabled{width:100%}video{border-radius:0}.taxonomies a{padding:5px}.video-section{margin:-10px;margin-bottom:0}.acbtn__label{display:none}.acbtn,.vlike-btn{padding:8px 10px}.section-separator{margin:10px -10px}.footer-inner{flex-direction:column;text-align:center}.site-info{justify-content:center}.footer-navigation .menu{justify-content:center}.footer-navigation .menu a{padding:5px 10px}}

/* WordPress image auto-size compatibility */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


/*
 * RT Desi 2 — bridge CSS.
 *
 * header.php / footer.php / index.php / content-related.php / loop-video.php
 * are now rewritten to emit VelvetStream's exact markup, so velvetstream-theme.css
 * (loaded first in the bundle) styles them with ZERO overrides needed here.
 *
 * This file only covers RetroTube templates we did NOT rewrite (tag/category/
 * actors/search/single video/comments/widgets) so their leftover RetroTube
 * wrappers don't break the VelvetStream layout.
 */

/* ---- Kill RetroTube page/content wrappers we don't use ---- */
#page {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

#primary,
#main,
.content-area,
.content-area.with-sidebar-right,
.content-area.with-sidebar-left,
.content-area.without-sidebar,
.site-main.with-sidebar-right,
.site-main.with-sidebar-left,
#primary.content-area,
#main.site-main {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

#sidebar,
.widget-area,
.top-bar,
.wpst-user-modal,
.happy-header,
.happy-header-mobile,
.happy-under-player,
.happy-under-player-mobile,
#back-to-top,
.breadcrumbs,
#filters,
.page-header#filters,
.button-nav,
#head-mobile,
.rating-bar,
.title-block .rating-bar,
.hd-video {
  display: none !important;
}

.clear {
  height: 0 !important;
  clear: none !important;
}

/* ---- Video grids on archive/tag/category/actor/related pages ----
 * loop-video.php now outputs a.post-card, but these templates still wrap
 * it in .videos-list (RetroTube convention) instead of .posts-grid. Grid
 * it the same way velvetstream-theme.css grids .posts-grid.
 */
.videos-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  background: transparent !important;
}

.widget-title,
.page-header .widget-title,
h2.widget-title {
  font-size: 18px !important;
  color: var(--text) !important;
  font-weight: 600 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  text-align: left !important;
}

.page-header .page-title,
.archive .page-header h1,
.archive-description {
  color: var(--text) !important;
}

.archive-description {
  font-size: 16px !important;
  color: var(--muted) !important;
}

/* ---- RetroTube legacy pagination (tag/category/actors/search) ---- */
.pagination,
.pagination ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 0 !important;
  float: none !important;
}

.pagination a,
.pagination a.current,
.pagination a.inactive {
  display: inline-block !important;
  padding: 0.5rem 0.75rem !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  color: var(--muted) !important;
  text-align: center !important;
  min-width: 36px !important;
  background: transparent !important;
  text-decoration: none !important;
}

.pagination a:hover,
.pagination a.current {
  background: var(--hover) !important;
  color: var(--text) !important;
}

/* ---- Single video page (template-parts/content-video.php, not rewritten) ---- */
.single .entry-header .title-block {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

.single h1.entry-title {
  font-size: 22px !important;
  margin: 0 !important;
  color: var(--text) !important;
  flex: 1 1 auto !important;
}

.single .video-player-area,
.single .fluid-width-video-wrapper,
.single video,
.single iframe {
  border-radius: var(--radius) !important;
  overflow: hidden;
  background: var(--overlay) !important;
}

.single .video-player-area {
  margin-bottom: 10px !important;
}

.single-buttons,
.rtdesi2-single-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.single #rating,
.single #rating-col,
.single .tab-content,
.single .video-description .readmore,
.single .tags,
.single .tags-list,
#video-tabs {
  display: none !important;
}

.single .taxonomies,
.rtdesi2-taxonomies {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 10px 0 !important;
  padding: 0 !important;
}

.single .taxonomies a,
.rtdesi2-taxonomies a {
  text-align: center;
  padding: 8px;
  line-height: 1;
  min-width: 70px;
  font-size: 14px;
  color: var(--muted) !important;
  background: var(--overlay) !important;
  border-radius: 99px;
  text-decoration: none !important;
}

.single .taxonomies a:hover,
.rtdesi2-taxonomies a:hover {
  color: var(--text) !important;
  background: var(--hover) !important;
}

.acbtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 15px !important;
  line-height: 1 !important;
  min-width: 70px !important;
  color: var(--muted) !important;
  background: var(--overlay) !important;
  border: 1px solid var(--border) !important;
  border-radius: 99px !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.acbtn:hover {
  color: var(--text) !important;
  background: var(--hover) !important;
}

.vlike-panel {
  display: flex !important;
  gap: 0 !important;
  background: var(--overlay) !important;
  border: 1px solid var(--border) !important;
  border-radius: 99px !important;
  overflow: hidden;
}

.vlike-btn {
  cursor: pointer;
  border: 0 !important;
  background: transparent !important;
  padding: 10px 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--muted) !important;
  min-width: 80px !important;
  justify-content: center !important;
}

.vlike-btn:hover,
.vlike-btn.is-active {
  color: var(--text) !important;
  background: var(--hover) !important;
}

/* ---- Taxonomy hub pages (creators/tags templates) ---- */
.series-list {
  list-style: none !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
  gap: 5px !important;
}

.series-list a {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 10px !important;
  background: var(--overlay) !important;
  color: var(--muted) !important;
  border-radius: var(--radius) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
}

.series-list a:hover {
  color: var(--text) !important;
  background: var(--hover) !important;
}

/* ---- Mobile ---- */
@media (max-width: 767px) {
  .videos-list {
    grid-template-columns: 1fr !important;
  }

  .acbtn__label {
    display: none;
  }
}

/* ---- RT Desi 2 responsive corrections ----
 * These selectors intentionally come last. The old ui-inline.css carried a
 * broad `.under-video-block > div { display:flex }` rule from another theme;
 * it converted the related grid into narrow intrinsic-width cards on mobile.
 */
.site-header .site-branding,
.site-header .site-title,
.site-header .site-title a,
.site-header .header-search {
  min-width: 0;
}

.site-header .site-title a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-header .site-title svg {
  flex: 0 0 auto;
}

.rtdesi2-video-header .video-player,
.rtdesi2-video-header .video-player > * {
  width: 100% !important;
  max-width: 100% !important;
}

.rtdesi2-video-header .video-player {
  margin-bottom: 14px !important;
}

.rtdesi2-video-header .video-player video,
.rtdesi2-video-header .video-player iframe,
.rtdesi2-video-header .video-player .fluid-width-video-wrapper {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: var(--radius) !important;
}

.single .rtdesi2-title-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--border) !important;
}

.single .rtdesi2-title-actions .entry-title {
  flex: 1 1 280px !important;
  min-width: 0;
  margin: 0 !important;
}

.single .rtdesi2-single-buttons {
  flex: 0 0 auto;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin: 0 !important;
}

.single .rtdesi2-single-buttons .action-btns {
  display: flex;
  gap: 6px;
}

.single .rtdesi2-single-buttons .acbtn,
.single .rtdesi2-single-buttons .vlike-btn {
  min-height: 38px;
}

.single .rtdesi2-video-details {
  width: 100%;
}

.single .rtdesi2-video-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  color: var(--muted);
}

.single .rtdesi2-video-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.single .rtdesi2-video-meta .card-icon {
  width: 16px;
  height: 16px;
}

.single .rtdesi2-taxonomies {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 5px !important;
  width: 100%;
}

.single .rtdesi2-taxonomies a {
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.single .under-video-block {
  width: 100%;
  margin-top: 10px;
}

.single .under-video-block .section-separator {
  margin-bottom: 10px;
  color: var(--text);
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}

.single .under-video-block .posts-grid,
.single .under-video-block > .posts-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.single .under-video-block .post-card {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

.single .under-video-block .post-card-image {
  object-fit: cover;
}

@media (max-width: 767px) {
  .site-header .header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(100px, 168px) 44px !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden;
  }

  .site-header .site-branding {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .site-header .site-title {
    width: 100% !important;
    max-width: 100%;
    font-size: 26px;
    overflow: hidden !important;
  }

  .site-header .site-title a {
    width: 100% !important;
    max-width: 100% !important;
  }

  .site-header .header-search {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 168px !important;
    justify-self: end;
    overflow: hidden;
  }

  .site-header .menu-toggle {
    display: flex !important;
    grid-column: 3 !important;
    justify-self: end;
  }

  .site-header .search-form,
  .site-header .menu-toggle {
    height: 44px;
  }

  .site-header .search-submit {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
  }

  .site-header .menu-toggle {
    width: 44px;
    padding: 10px;
  }

  .single .rtdesi2-video-header .video-player {
    margin: 0 -10px;
    margin-bottom: 12px !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
  }

  .single .rtdesi2-video-header .video-player video,
  .single .rtdesi2-video-header .video-player iframe,
  .single .rtdesi2-video-header .video-player .fluid-width-video-wrapper {
    border-radius: 0 !important;
  }

  .single .rtdesi2-title-actions {
    align-items: flex-start !important;
  }

  .single .rtdesi2-title-actions .entry-title {
    flex-basis: 100% !important;
    font-size: 22px !important;
  }

  .single .rtdesi2-single-buttons {
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between !important;
    justify-items: stretch;
    gap: 8px !important;
    width: 100%;
  }

  .single .rtdesi2-single-buttons .vlike-panel {
    grid-column: 1;
    grid-row: 1;
  }

  .single .rtdesi2-single-buttons .action-btns {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .single .rtdesi2-single-buttons .acbtn,
  .single .rtdesi2-single-buttons .vlike-btn {
    min-height: 48px;
    min-width: 70px !important;
    width: auto !important;
    padding: 10px 12px !important;
  }

  .single .rtdesi2-video-meta {
    padding: 10px 0;
  }

  .single .rtdesi2-taxonomies {
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
    margin: 10px 0 !important;
  }

  .single .under-video-block .section-separator {
    margin: 12px 0 14px !important;
    font-size: 20px;
  }

  .single .under-video-block .posts-grid,
  .single .under-video-block > .posts-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .single .under-video-block .post-card,
  .single .under-video-block .post-card-image,
  .single .under-video-block .post-card-content {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 390px) {
  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) minmax(88px, 128px) 44px !important;
    gap: 8px !important;
  }

  .site-header .site-title {
    font-size: 23px;
  }
}