/*
Theme Name: SmartMag Child
Theme URI: https://smartmag.theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: https://theme-sphere.com
Template: smart-mag
Version: 1.1
*/

:root {
  --orange: #e45b16;
}

.home div#smart-head {
  background: #292C29;
}

.home .navigation-main .menu > li > a {color: #fff;}

.home  .spc-social .service {
  color: var(--orange);
  border-color: var(--orange);
}

.navigation-main .menu > li > a {
  font-size: 20px;
  font-weight: 500;
}

.smart-head-main .smart-head-bot .items.items-left {
  display: none;
}

.scheme-switcher.has-icon-only {
  display: none;
}
.cat-labels .category {
  font-size: 12px;
  font-weight: 900;
}
.post-title a {
  font-size: 18px;
  font-weight: 600;
}
.grid-stylish-post .content {
  background-color: #F7F7F7;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post {
  display: flex;
  width: 100%;
  --post-format-scale: .82;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post .media {
  display: block;
  width: 200px;
  max-width: 40%;
  margin-right: 18px;
  flex-shrink: 0;
}
.small-post .media { 
  width: 200px;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post span.meta-item.post-author {
  display: none;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post .post-meta .meta-item:before {
  display: none;
}

.one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 article.l-post.grid-post.grid-base-post .excerpt {
  display: none;
}

.block-head .view-link-b {
  color: #000;
}

span.date-link {
  color: #CFCFCF;
  font-weight: 500;
}

.two-column .loops-mixed {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;align-items: normal;}

.two-column .block-highlights .loop-small {
    margin-top: 0;
}

.block-head  h4 {
  color: #000000  !important;
}

.block-head-c .heading {
  font-weight: 900;
}


.oink-youtube-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.oink-youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




@media screen and (max-width :940px) {
  .one-column .l-post .content {
    position: relative;
    display: flex;
    align-items: center;
  }
  .one-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 {
    width: 100% !important;
    display: block;
  }
  .two-column .loops-mixed {grid-template-columns: 1fr;gap: 20px;align-items: normal;}
  .two-column .loop.loop-grid.loop-grid-base.grid.grid-1.md\:grid-2.xs\:grid-1 {
    width: 100% !important;
    display: block;
  }
}


.oink-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.oink-video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* ถ้ามี youtube → ซ่อน featured image */
.l-post.has-youtube > .media:not(.media-youtube) {
  display: none !important;
}

/* แสดง youtube */
.l-post.has-youtube .media-youtube {
  display: block;
}

/* default: ซ่อน youtube */
.media-youtube {
  display: none;
}