/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.7
 * Text Domain: xlate
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

body {color:#fff;}
.row-bar {height:2px;background-color:#333;}

.main-tag {font-size:14px;font-weight:700;text-align:center;text-wrap: balance;color:var(--main-color);background-color:rgba(0,0,0,.4);border:1px solid var(--main-color);border-radius:99px;padding:6px 20px;max-width: fit-content;}
.main-tit {font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1;text-wrap:balance;}
.main-tit-2 {font-size:24px;line-height:32px;font-weight:700;text-wrap:balance;}
.main-tit-3 {font-size:36px;line-height:45px;font-weight:700;text-wrap:balance;}
.main-tit-4 {font-size:30px;line-height:36px;font-weight:700;text-wrap:balance;}
.main-tit-5 {font-size:clamp(28px,4vw,48px);line-height:1;font-weight:700;text-wrap:balance;}
.main-txt {font-size:20px;line-height:28px;font-weight:400;color:#9CA3AF;}
.main-txt-2 {font-size:16px;line-height:24px;font-weight:400;color:#9CA3AF;}
.main-txt-3 {font-size:18px;line-height:28px;font-weight:400;color:#9CA3AF;}
.main-txt-4 {font-size:14px;line-height:20px;font-weight:400;color:#9CA3AF;}
.main-txt-5 {font-size:20px;line-height:28px;font-weight:400;color:#9CA3AF;}
.main-txt-6 {font-size:14px;line-height:22px;font-weight:400;color:#9CA3AF;}
.main-but {font-size:18px;line-height:28px;font-weight:700;color:#000;background-color:var(--main-color);height:61px;padding:0 20px;border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid var(--main-color);transition:all .3s;}
.main-but:hover {background-color:rgba(0,0,0,.4);color:var(--main-color);}
.main-but-2 {color:#fff;background-color:rgba(0,0,0,.4);border-color:#fff;}
.main-but-arrow {padding:0 45px 0 20px;background-image:url(https://ermeidisfoods.gr/wp-content/uploads/2026/03/arrow-black.svg);background-size:14px;background-position:right 18px center;background-repeat:no-repeat;}
.main-but-arrow:hover {background-image:url(https://ermeidisfoods.gr/wp-content/uploads/2026/03/arrow.svg);}

body > header .header-wrapper {border:none;}
body > header .header-wrapper a.logo {padding: 10px 0;}
body > header .menu-main-container > ul.menu {gap:20px;}
body > header .menu-main-container > ul.menu > li > a {font-size:14px;font-weight:500;color:#fff;}
body > header .menu-main-container > ul.menu > li.current-menu-item  > a {color:var(--main-color);}
body > header a.logo img {max-width:fit-content;}
body > header label.mobile-menu {width:80px;height:100%;cursor:pointer;background-image:url(https://ermeidisfoods.gr/wp-content/uploads/2026/04/menu.svg);background-position:center;background-size:40px;background-repeat:no-repeat;}
body > header .menu-main-container.mobile-menu {position: absolute;z-index:-1;padding:0;width: 100%;height: auto;background-color: #1a1a1a;right: 0;top: -50vh;border-top: 1px solid #333;transition:top .5s;}
#mobile-menu:checked + .menu-main-container.mobile-menu {top:var(--header-height);}
body > header .menu-main-container.mobile-menu ul.menu {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;width: 100%;gap:0px;}
body > header .menu-main-container.mobile-menu > ul.menu li {border-bottom:1px solid #333;width: 100%;text-align: center;justify-content: center;display: flex;padding: 15px 0;}
body > header .menu-main-container.mobile-menu > ul.menu li:last-child {border-bottom:none;}

footer {background-color:#000;}
footer .ft-sin {max-width: fit-content;}
footer .ft-sin-txt {line-height:23px;}
footer .ft-sin-tit {color:#fff;font-size:18px;font-weight:600;}
footer .ft-sin img {max-width: 100%;height: auto;}
footer .ft-sin-soc {gap:10px;}
body > footer .footer-main.ft-copy {border-top:1px solid #333;padding:10px 0;}
footer .ft-copy a {color:#fff;text-decoration:underline;}

.row-01 {background-repeat:no-repeat;background-position:left center;background-size:cover;padding:120px 0;}

.row-02 {padding:80px 48px 60px;gap:48px;}
.row-02.swapBg {background-color: #222;}
.row-02.noGap {gap:20px;}
.row-02-inn {width:100%;}
.row-02-sin {background-color:#222;border:1px solid #262626;border-radius:16px;padding:32px;}
.row-02.swapBg .row-02-lis {margin-top:30px;}
.row-02.swapBg .row-02-sin {background-color:#1A1A1A;border:1px solid #333333;}
.row-02 .fetcher-sin-img a {max-height: 380px;aspect-ratio: 16/9;overflow:hidden;}
.row-02 .fetcher-sin-img a img {object-fit: cover;object-position: top center;transform:scale(1);transition:transform 1.3s;}
.row-02 .fetcher-sin-img a:hover img {transform:scale(1.1);}

.row-03 {padding:80px 48px 60px;background-color:#222;}
.row-03-inn {width:100%;}
.row-03-top-rig {justify-content:flex-end;}
.row-03-top-rig-but {font-weight:600;}
.row-03-top-rig-but img {position:relative;left:-5px;top:1px;}
.row-03-bot-lis {padding:40px 0px 0px;gap:48px;}
.row-03-bot-lis-sin {border:1px solid #333333;width: calc(33% - 30px);border-radius:12px;background-color:#1A1A1A;transition:color .3s;overflow:hidden;}
.row-03 .fetcher-sin-tit {padding: 30px 30px 10px;}
.row-03 .fetcher-sin-tit {font-weight:700;color:#fff;font-size:20px;line-height:28px;}
.row-03-bot-lis-sin:hover .fetcher-sin-tit {color:var(--main-color);}
.row-03-bot-lis-sin .fetcher-sin-img {display:flex;overflow:hidden;}
.row-03-bot-lis-sin .fetcher-sin-img img {transform:scale(1);transition:transform 1.3s;}
.row-03-bot-lis-sin:hover .fetcher-sin-img img {transform:scale(1.1);}
.row-03-bot-lis-sin-txt {padding:0 65px 30px 30px;}
.row-03-bot-lis-sin-but {color:#fff;border-radius:8px;border:1px solid #333;font-size:16px;width:calc(100% - 60px);text-align:center;margin:0 auto;margin-bottom: 30px;padding: 15px 0;transition:all .3s;}
.row-03-bot-lis-sin-but:hover {background-color:var(--main-color);color:#000;}
.row-03 .splide__arrows {position:absolute;right: 45px;top: 0;}
.row-03 .splide__arrow {background: var(--main-color);}
.row-03 .splide__arrow--prev {left: -30px;}
.row-03 .splide__arrow--next {right: -40px;}

.row-04 {padding:80px 48px 60px;gap:48px;}
.row-04-lef-txt p {margin:0;}
.row-04-lef-tag img {position: relative;top: 2px;left: -4px;}
.row-04-lef-lis-sin-tit {color:var(--main-color);}
.row-04-rig {position:relative;filter: saturate(0);}
.row-04-rig::before {content: '';position: absolute;mix-blend-mode: exclusion;width: 80%;height: 200px;background-color: var(--main-color);filter: blur(100px);margin: 0 auto;opacity: .2;transform: scale(.7);}
.row-04-lef-quo {position:relative;color:#fff;padding:30px 15px 0 30px;font-style:italic;}
.row-04-lef-quo::before {content:'';width:4px;position:absolute;height:100%;background-color:var(--main-color);left: 0;top: 0;}
.row-04-lef-quo::after  {content:'';width:20px;height:20px;background-image:url(https://ermeidisfoods.gr/wp-content/uploads/2026/03/quote.svg);background-repeat:no-repeat;background-size:20px;position:absolute;top:0;left:30px;}
.row-04-lef-quo p {color:var(--main-color);font-style:normal;font-weight:600;margin: 0;padding: 0;}
.row-04-lef-tit span {color:var(--main-color);}
.row-04-lef-lis {padding-left:40px;}
.row-04-lef-lis-sin {position:relative;}
.row-04-lef-lis-sin::before {content:'';width:24px;height:24px;background-image:url(https://ermeidisfoods.gr/wp-content/uploads/2026/04/list.svg);background-position:center;background-repeat:no-repeat;background-size:24px;position: absolute;left: -40px;top: 3px;}
.row-04-lef-lis-sin-tit {font-weight:700;color:#fff;}
.row-04-lef a.main-but {max-width: fit-content;border-color: var(--main-color);color: var(--main-color);font-weight: 600;background-color: transparent;}

.row-05 {padding:80px 48px 60px;background-color:#222;}
.row-05-inn a {max-width: fit-content;margin:0 auto;margin-top:30px;}

/* .row-06 {height:54px;border-bottom:1px solid #333333;}
.row-06-lis {gap:0 40px;height: 100%;padding: 0 100px;}
.row-06-lis-sin {gap:15px;} */

.row-07 {padding:80px 0;}
.row-07 h1 {margin:0 auto;padding:0 40px 5px;border-bottom:2px solid var(--main-color);max-width: fit-content;}
.row-07-lis-sin {border-radius:16px;overflow:hidden;}
.row-07-lis-sin-top {position:relative;}
.row-07-lis-sin-top::after {content:'';width:100%;height:120px;background: linear-gradient(0deg,rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%, rgba(97, 95, 59, 0) 100%);position:absolute;bottom:0;left:0;z-index: 1;}
.row-07-lis-sin-top-img img {width:100%;height:auto;object-fit:cover;}
.row-07-lis-sin-top-tit {position: absolute;width: calc(100% - 60px);left: 30px;bottom: 20px;z-index: 9;}
.row-07-lis-sin-top-tit-ico {background-color:var(--main-color);border-radius:999px;width:40px;height:40px;}
.row-07-lis-sin-bot {padding:30px;background-color:#222222;height:100%;}

.row-08 {padding-bottom:80px;}
.row-08-tit {margin-bottom:40px;}
.row-08-tit span {color:var(--main-color);}
.row-08-lis {counter-reset:coco;padding:0 100px;position:relative;}
.row-08-lis::before {content:'';width:100%;height:2px;background-color:#333;position:absolute;top:30%;left:0;z-index:-1;}
.row-08-lis-sin {counter-increment:coco;}
.row-08-lis-sin-ico {margin-bottom:20px;width: 100px;height: 100px;background-color: #333;border-radius: 999px;position:relative;}
.row-08-lis-sin-ico::after {content: counter(coco);font-size:14px;font-weight:700;width:28px;height:28px;background-color:var(--main-color);color:#000;display:flex;align-items:center;justify-content:center;position:absolute;top:0px;right:0px;border-radius:99px;}
.row-08-lis-sin-tit {color:#fff;font-weight:700;}

.row-09 {padding:80px 0;}
.row-09-lis {margin-top:30px;}
.row-09 .artware-acc-sin {background-color: #333;border: none;border-radius: 12px;padding: 10px 0px 10px 10px;}
.row-09 .artware-acc-sin-tit {font-size: 18px;font-weight: 600;position:relative;padding-right:60px;padding-left: 20px;}
.row-09 .artware-acc-sin-tit::after {content:'';background-image:url(https://ermeidisfoods.gr/wp-content/uploads/2026/04/faq.svg);width:16px;height:16px;position:absolute;right:25px;top:23px;transform:rotate(0deg);transition:transform .3s;background-position:center;background-repeat:no-repeat;background-size:16px;}
.row-09 .artware-acc-sin-txt {font-size: 16px;line-height:26px;font-weight: 400;color:#9CA3AF;}
.row-09 input[type="checkbox"]:checked + .artware-acc-sin-tit::after {transform:rotate(180deg);}

.row-10 {padding:80px 0;box-shadow: 0px 0px 10px 0px var(--main-color);border-radius:30px;}
.row-10-txt {margin-bottom:30px;}

.row-11-bot-lis {padding:40px 0px 0px;}
.row-11-bot-lis-sin {border:1px solid #333333;border-radius:12px;background-color:#222;transition:color .3s;overflow:hidden;}
.row-11 .fetcher-sin-tit {padding: 30px 30px 10px;font-weight:700;color:#fff;font-size:20px;line-height:28px;color:var(--main-color);}
.row-11-bot-lis-sin:hover .fetcher-sin-tit {}
.row-11-bot-lis-sin .fetcher-sin-img {display:flex;overflow:hidden;}
.row-11-bot-lis-sin .fetcher-sin-img img {transform:scale(1);transition:transform 1.3s;}
.row-11-bot-lis-sin:hover .fetcher-sin-img img {transform:scale(1.1);}
.row-11-bot-lis-sin-txt {padding:0 65px 30px 30px;}
.row-11-bot-lis-sin-but {color:#fff;border-radius:8px;border:1px solid #333;font-size:16px;width:calc(100% - 60px);text-align:center;margin:0 auto;margin-bottom: 30px;padding: 15px 0;transition:all .3s;}
.row-11-bot-lis-sin-but:hover {background-color:var(--main-color);color:#000;}

.row-12 {background-color:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;}
.row-12-top {gap:5px;border-bottom:1px solid #333;padding:30px;}
.row-12-bot-lis-sin {border-bottom:1px solid #333;padding:15px 30px;}
.row-12-bot-lis-sin:last-child {border-bottom:none;}
.row-12 .fetcher-sin .order-qty-wrap {margin:0;margin-left: auto;border: none;padding: 0;max-width: fit-content;}
.row-12 .fetcher-sin .order-qty-wrap span {display:none;}
.row-12 .fetcher-sin-inf {gap:5px;margin-right: auto;}
.row-12 .row-11-bot-lis-sin-txt {padding:0 20px 0 0;}
.row-12 .fetcher-sin .order-add-btn {max-width:fit-content;margin:0;margin-left: 20px;height: 40px;padding: 0 20px;}
.row-12 .fetcher-sin-tit {font-size:18px;color:var(--main-color);}

.row-13 {padding:80px 40px;}
.row-13-lis-sin {background-color:#222;border:1px solid #333;padding:20px 30px 70px 90px;border-radius:16px;background-repeat:no-repeat;background-size:48px;background-position:top 20px left 20px;}
.row-13-lis-sin-tit {color:#fff;font-weight:700;}
.row-13-lef-soc {gap:10px;}
.row-13-lef-soc-tit {color:#fff;font-weight:700;}
.row-13-lef-ico {gap:10px;}
.row-13-rig {background-color:#222;border:1px solid #333;border-radius:24px;padding:40px;}
.row-13-con input, .row-13-con textarea {border: 1px solid #333;background-color: #1a1a1a;padding: 20px;border-radius: 8px;width: 100%;font-family:var(--global-font);color:#fff;}
.row-13-con input::placeholder, .row-13-con textarea::placeholder {font-family:var(--global-font);color:#444;}
.row-13-con-row-sin {width:50%;}
.row-13-submit input {background-color: var(--main-color);color: #000;border: 1px solid #333;padding: 20px;font-size: 18px;font-family: var(--global-font);font-weight: 700;border-radius: 12px;box-shadow: 0px 0px 8px 0px var(--main-color);cursor: pointer;}

.order-summary-section {background-color: #222;padding: 40px;border-radius: 16px;border: 1px solid #333;}
.order-summary-title {font-size:30px;}
.fetcher-sin .order-qty-wrap {background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:20px 15px;display: flex;gap: 10px;max-width: calc(100% - 60px);margin: 0 auto;width: 100%;margin-bottom: 20px;}
.fetcher-sin .order-qty-wrap span {font-size: 14px;font-weight: 500;display: flex;align-items: center;margin-right: auto;}
.fetcher-sin .order-qty-btn {width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:22px;transition:all .3s;border-radius: 8px;border: none;background-color: #333;padding-bottom: 2px;cursor: pointer;}
.fetcher-sin .order-qty-btn:hover {background-color:var(--main-color);color:#000;}
.fetcher-sin .order-qty-input {font-size:14px;font-weight:500;font-family: var(--global-font);width: 50px;-webkit-appearance: textfield;text-align: center;border-radius: 8px;border: 1px solid #333;background-color: #222;color: #fff;}
.fetcher-sin .order-add-btn {width: 100%;max-width: calc(100% - 60px);margin: 0 auto;border: 1px solid #333;border-radius: 8px;padding: 20px;background-color: #1a1a1a;color: #6B7280;font-size: 16px;font-weight: 600;font-family: var(--global-font);margin-bottom: 25px;cursor: pointer;transition:all .3s;}
.fetcher-sin .order-add-btn:hover {background-color:var(--main-color);color:#000;}
#order-list {gap: 20px;display: flex;flex-direction: column;}
#order-list .order-row {background-color: #1A1A1A;height: 80px;padding: 15px;border-radius: 12px;border: 1px solid #333;display: flex;justify-content: space-between;align-items: center;}
#order-list .order-row-img {height:100%;}
#order-list .order-row-img img {height: 100%;width: auto;object-fit: cover;border-radius: 8px;}
#order-list .order-remove-btn {background-image: url(https://ermeidisfoods.gr/wp-content/uploads/2026/04/del.svg);width: 40px;height: 40px;background-size: 14px;background-position: center;background-repeat: no-repeat;background-color: rgba(239, 68, 68,.2);border: none;border-radius: 8px;cursor: pointer;}
#order-list .order-qty-wrap button {display:none;}
#order-list .order-row-qty {display:flex;justify-content:center;align-items:center;gap:10px;margin-left: auto;margin-right: 20px;}
#order-list .order-qty-input {width: 40px;height: 40px;font-family: var(--global-font);background-color: var(--main-color);border: none;-webkit-appearance: textfield;text-align: center;color: #000;font-size: 14px;font-weight: 700;border-radius: 99px;}
#order-list .order-row-qty-label {color:#9CA3AF;font-size:14px;}
#order-list .order-row-title {margin-left:20px;}
#order-list .order-row-title-name {font-size:18px;color:#fff;}
#order-list .order-row-title-cat {font-size:14px;color:#9CA3AF;}
.order-form {display: flex;flex-direction: column;gap: 20px;}
.order-form-section {background-color: #222;padding: 40px;border-radius: 16px;border: 1px solid #333;}
.order-form-title {font-size:30px;}
.order-form-row {display:flex;flex-direction:column;gap:5px;}
.order-form-row label {font-size:14px;}
.order-form-row input, .order-form-row textarea {font-size:16px;padding:15px;border:1px solid var(--main-color);border-radius:8px;font-family:var(--global-font);color:#fff;background-color:#1a1a1a;}
.order-form-row input::placeholder, .order-form-row textarea::placeholder {color:#333;font-family:var(--global-font);font-size:16px;}
#order-form-submit {background-color: var(--main-color);color: #000;border: 1px solid #333;padding: 20px;font-size: 18px;font-family: var(--global-font);font-weight: 700;border-radius: 12px;box-shadow: 0px 0px 8px 0px var(--main-color);cursor: pointer;}
.order-form-desc {font-size:12px;color:#9CA3AF;text-align:center;padding:0 clamp(20px,2vw,60px);margin:0;}
.order-form-summary-line {display:flex;flex-direction:column;gap:10px;border:1px solid var(--main-color);padding:30px 30px 30px 70px;background-color:rgba(191, 216, 81,.1);border-radius:12px;background-image:url(https://ermeidisfoods.gr/wp-content/uploads/2026/04/order.svg);background-size:30px;background-repeat:no-repeat;background-position:left 20px center;margin-top:60px;}
.order-form-summary-title {margin:0;padding:0;font-size:18px;line-height:28px;color:var(--main-color);font-weight:700;}
.order-form-summary-desc {margin:0;padding:0;font-size:14px;line-height:20px;color:#D1D5DB;}
.order-form-error {display: block;margin: 0;padding: 0;font-size: 14px;color: #ef4444;}
.order-empty-msg {margin:0;padding:0;}

.fetcher-filter-item {font-size:14px;font-weight:500;line-height:20px;color:#fff;padding:15px 40px;cursor:pointer;background-color:transparent;display:flex;justify-content:center;align-items:center;border:1px solid #9CA3AF;border-radius:99px;transition:all .3s;}
.fetcher-filter-item.active {color:#000;border-color:var(--main-color);background-color:var(--main-color);}
.fetcher-filter-item:hover {color:var(--main-color);border-color:var(--main-color);}
.fetcher-filter-item.active:hover {color:#000;}

@media (max-width:1400px){
    .row-08-lis {padding:0;}
    .row-08-lis-sin-tit {text-align: center;padding: 0 20px;}
    .row-08-lis-sin-txt {text-align: center;}
}

@media (max-width:1200px){
    .row-08-lis {padding:0;gap:50px 0;flex-wrap:wrap;}
    .row-08-lis::before {display:none;}
    .row-08-lis-sin {width:50%;}
    .row-08-lis-sin-tit {text-align: center;padding: 0 20px;}
    .row-08-lis-sin-txt {text-align: center;}
}

@media (max-width:1100px){
    .row-03-bot-lis {gap:20px;}
    .row-03-bot-lis-sin {width: calc(50% - 10px);}
    .row-13 {padding:80px 0;}
}

@media (max-width:768px){
    .row-03-top-rig {justify-content:flex-start;}
    body > footer .footer-main {gap:50px;}
    footer .logo {justify-content: center;}
    footer .ft-sin {max-width: none;text-align: center;width: 100%;}
    footer .ft-sin-lis > a {text-align:center;justify-content: center;}
    footer .ft-sin-soc {justify-content: center;}
    body > footer .footer-main.ft-copy {text-align:center;gap: 10px;}
}

@media (max-width:640px){
    .row-03-bot-lis-sin {width: 100%;}
    .row-04-lef-lis {gap:20px;}
    .row-04-lef-lis-sin.split-2 {width:80%;}
    .row-12-bot-lis-sin {align-items: flex-start;}
    .row-12 .fetcher-sin .order-qty-wrap {margin: 20px 0;}
    .row-12 .fetcher-sin .order-add-btn {margin: 0;}
    #order-list .order-row {height: auto;flex-direction: column;text-align: center;align-items: flex-start;position: relative;}
    #order-list .order-row-img {width:100%;height:auto;}
    #order-list .order-row-img img {width:100%;height:auto;}
    #order-list .order-row-title {margin: 20px 0 0 0;}
    #order-list .order-row-qty {margin: 20px 0 0;}
    #order-list .order-row-title-name {text-align: left;}
    #order-list .order-remove-btn {position: absolute;right: 15px;bottom: 15px;}
    .order-summary-section {padding: 20px;}
    .order-form-section {padding: 20px;}
    .row-07 h1 {padding:0;}
    .row-13-con-row.df.gtr {flex-direction: column;}
    .row-13-con-row-sin {width:100%}
}

@media (max-width:540px){
    .row-02 {padding:80px 20px 60px;}
    .row-03 {padding:80px 20px 60px;}
    .row-04 {padding:80px 0 60px;}
    .row-05 {padding:80px 0 60px;}
    .row-08-lis-sin {width:100%;}
    .row-08-lis::before {display:flex;width:2px;height: calc(100% - 100px);top: 0;left: 50%;margin: 0 auto;}
}