/*
 Theme Name:   Fruit3
 Description:  Plant3 Child Theme by SeedWebs.com
 Author:       SeedWebs
 Template:     plant3
 Version:      3.3
*/

/*
===========================================

This theme use SCSS, please check

1. assets/scss/style-m.scss - will be compiled to assets/css/style-m.css and used for mobile version.
2. assets/scss/style-d.scss - will be compiled to assets/css/style-d.css and used for desktop version.
    
=========================================== 
*/

.catalog.ending {
	color: #000 !important;
	background: #66d09f;
    border: 1px solid #4d9775;
}
.catalog{
    color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 12px;
}
.catalog.thai-dubbed,.catalog.sub-thai-dubbed {
    background: #d4055d;
}

.anime-catalog {
  display: flex;
  flex-direction: column;
  row-gap: 4px; /* ช่องว่างระหว่างบรรทัด */
  align-items: flex-end;
}

.anime-catalog .catalog {
  display: inline-block;
  width: max-content;
  padding: 0px 10%;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  /* background-color ตาม slug เช่น .thai-dubbed, .ending */
}

.seo-f h2{
    font-size: 30px;
    font-weight: medium;
}
.seo-f p{
    font-size:18px;

}
.s-pagination{
    display: flex;
    gap:3px;

}
.s-pagination a,.s-pagination span {
    background: #e483ac;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    border-radius: 4px;
}
.s-pagination .s-paging{
    gap:3px;
}
.s-pagination .page-numbers:not(.next) {
    font-weight: normal;
    border-radius: 4px;
    padding: 6px 10px;
    background: #e483ac;
    color: #000000;
}

.s-pagination .page-numbers.current {
    background: #d3045e;
}


.nav-inline .current-menu-item a{
    color:#e483ac;
}

.anime-search-form {
    display: flex;
    align-items: center;
    background-color: #3d3d3f;
    border: 1px solid #e391b7;
    border-radius: 999px;
    padding: 6px 12px;
    min-width: 320px;
    position: relative;
}

.anime-search-form input[type="search"] {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    padding: 6px 10px;
    flex: 1;
    font-size: 14px;
}

.anime-search-form input[type="search"]::placeholder {
    color: #aaa;
}

.anime-search-form button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    color: #e391b7;
    cursor: pointer;
}

.ep-button.active{
    color:#fff;
    background-color:#d3045e ;
}


.wp-singular .s-title-grid {
  position: relative;
}
.wp-singular .s-title-grid .after-line {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  background-color: #3d3d3f;
  border-radius: 4px;
}

.wp-singular .s-title-grid .relative-title:after {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #d3045e;
    border-radius: 4px;
}