/* Theme Name: GamaLoop V2 Theme URI: http://example.com/your-theme Author: Your Name Author URI: http://example.com Description: A brief description of your theme. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: tag1, tag2, tag3 Text Domain: your-theme-text-domain */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'yekan bakh'; src: url('assets/fonts/YEKANBAKH-LIGHT.woff2') format('woff2'), url('assets/fonts/YEKANBAKH-LIGHT.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'yekan bakh'; src: url('assets/fonts/YEKANBAKH-REGULAR.woff2') format('woff2'), url('assets/fonts/YEKANBAKH-REGULAR.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'yekan bakh'; src: url('assets/fonts/YEKANBAKH-BOLD.woff2') format('woff2'), url('assets/fonts/YEKANBAKH-BOLD.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'yekan bakh'; src: url('assets/fonts/YEKANBAKH-SEMIBOLD.woff2') format('woff2'), url('assets/fonts/YEKANBAKH-SEMIBOLD.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } body {overflow-x: hidden;font-family: yekan bakh; direction: rtl; font-weight: normal; font-size: 14px;background: #f9fafc;line-height: 2;} body button {font-family: yekan bakh;} body a {text-decoration: none;} /* CORE STYLE */ :root { --custom-primary-color: #0634d2; --custom-primary-color-hover: #3a6ed9; --custom-secondary-color: #b20000; --custom-secondary-color-hover: #c70000; --custom-tertiary-color: #f5ca23; --custom-tertiary-color-hover: #f9d54a; --custom-main-green: #24973e; --custom-h2-size: 20px; --custom-h2-weight: 600; --custom-h3-size: 18px; --custom-h3-weight: 600; --custom-h4-size: 16px; --custom-h4-weight: 600; --custom-h5-size: 14px; --custom-h5-weight: 600; --custom-button-size:15px; --custom-button-width:175px; --custom-button-height:38px; --custom-button-padding:0 20px; } #main, body.woocommerce-cart .site-content, body.woocommerce-checkout .site-content, body.woocommerce-account .site-content, body.page:not(.woocommerce-page) .container { width: 92%; clear: both; margin: 0 auto; display: block; position: relative; max-width:1400px; } .woocommerce div.product .woocommerce-tabs .panel {line-height:2.5 !important;} .owl-carousel {direction: ltr !important;} .owl-dots {display: none !important;} .owl-nav {direction: rtl;} /* قبل از لود */ .owl-carousel { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; height:0; } /* بعد از لود */ .owl-carousel.owl-loaded { opacity: 1; visibility: visible; height:auto; } body .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return svg {top:13px !important;} /* SweetAlert Style */ body .sweet-alert { font-family: yekan bakh;border-radius: 12px; } body .sa-icon {margin-bottom:0;} body .sweet-alert h2 {margin: 0;font-size: 30px;font-weight: 600;color: black;} body .sweet-alert button.confirm {background-color: var(--custom-tertiary-color) !important;margin-bottom: 10px;color: black;font-family: 'yekan bakh', tahoma;padding: 3px;line-height: 35px;height: 38px;min-width: 125px;max-width: 100%;} body .sweet-alert button.confirm:hover, body .sweet-alert button.confirm:focus {background-color: var(--custom-tertiary-color-hover) !important;} body .sweet-overlay {background: rgba(0,0,0,0.25);backdrop-filter: blur(3px);} body .sa-button-container {justify-content: center;display: flex;margin-top: 0;} /* Input Styles */ body input, body textarea, body select, body select option {font-family: yekan bakh !important;font-size: 14px;} body input, body .woocommerce form .form-row .input-text {box-sizing: border-box;border: 1px solid #ccc;border-radius: 6px;padding: 0px 8px;height:38px;line-height:38px !important;} body textarea, body .woocommerce form .form-row textarea {box-sizing: border-box;border: 1px solid #ccc;border-radius: 6px;padding: 5px 8px;} body select, body .woocommerce form .form-row select {background: white;border: 1px solid #ccc;border-radius: 6px;height:35px;line-height:35px;padding:0px 8px;} body .select2-container--default .select2-selection--single, body .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered, body .select2-container--default .select2-selection--single .select2-selection__arrow {height:38px;line-height:38px;} body .woocommerce form .form-row .input-text#order_comments {margin-top: 5px;min-height: 100px;resize: vertical;} #OnMobile {display:none;} .loading-effect {display: inline-block;width: 4px;height: 4px;background-color: black;border-radius: 50%;margin-left: 5px;opacity: 0;animation: dot-blink 1s infinite;} @keyframes dot-blink { 0%, 20% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } #onMobile {display:none;} /* PopUp Style */ .popup-modal {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25);backdrop-filter: blur(3px);} .popup-content {box-sizing:border-box;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 5px; width: 400px; max-width: 95%; max-height: 95vh;} .popup-header {align-items: center;line-height:1;display: flex; flex-direction: row; gap: 5px; justify-content: space-between; font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; font-weight: 700; word-spacing: -1px;} .popup-close {cursor: pointer; float: right; font-size: 20px;} .share-popup ul {display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap:15px;} .share-popup ul li {flex-grow:1;} .share-popup ul li a {background: #ccc;color: black;padding: 3px 15px;border-radius: 6px;transition: 0.3s all;width: 100%;display: inline-flex;flex-direction: row-reverse;align-items: center;gap: 5px;justify-content: center;box-sizing: border-box;flex-wrap: wrap;} .share-popup ul li.share-telegram a {background:#0084c8;color:white;} .share-popup ul li.share-whatsapp a {background:#37bc47;color:white;} .share-popup ul li a:hover {opacity:0.8;} .share-popup .copy-url {width: 100%;display: flex;flex-direction: row-reverse;align-items: center;margin-top: 15px;padding-top: 15px;border-top: 1px solid #ccc;gap: 5px;justify-content: space-between;} .share-popup .copy-url input {flex-grow:1;} .share-popup .copy-url button {padding: 0 25px;height: 38px;border: 00;background: var(--custom-tertiary-color);border-radius: 8px;transition: 0.3s all;} .share-popup .copy-url button:hover, .share-popup .copy-url button:focus {background: var(--custom-tertiary-color-hover);} #contact-popup ul {list-style: none;} #contact-popup ul li {color:black;font-weight:300;display:flex;flex-direction:row;align-items:center;gap:5px} #contact-popup ul li i {font-size: 20px;color: black;border: 1px solid black;padding: 4px;border-radius: 8px;} #contact-popup ul li i.fa-phone {color:var(--custom-main-green);border-color:var(--custom-main-green);} #contact-popup ul li i.fa-telegram {color:#0088cc;border-color:#0088cc;} #contact-popup ul a {font-weight: normal;color: black;display: flex;flex-direction: row-reverse;justify-content: space-between;width: 100%;align-items: center;gap: 5px;background: white;box-shadow: 0 0 3px rgba(0,0,0,0.075);border-radius: 8px;margin-bottom: 10px;padding: 10px;} #contact-popup ul li:last-child a {margin-bottom:5px;} #contact-popup .popup-content {background:#fafafa;} #contact-popup .popup-header {border-bottom: 0;margin: 0;} #contact-popup .popup-close {background: white;padding: 5px 5px 3px 5px;border-radius: 8px;box-shadow: 0 0 5px rgba(0,0,0,0.075);} /* Woocommerce Defaults */ body.woocommerce .star-rating {color:orange;} body .woocommerce-message, body .woocommerce-error, body .woocommerce-info {outline:unset !important;margin-bottom: 0;margin-top: 15px;border-color: var(--custom-primary-color);background: white;border-radius: 3px 3px 6px 6px;line-height: 1.5;font-size: 14px;display: flex;flex-direction: row;align-items: center;flex-wrap: nowrap;gap: 15px;box-shadow: 0 0 3px rgba(0,0,0,0.1);box-sizing: border-box;padding: 15px 3.5em 15px 1.5em;} body .woocommerce-info.cart-empty {margin-top:20px;} body .woocommerce-error {border-color: var(--bp-main-red);} body .woocommerce-message a.button, body .woocommerce-error a.button, body .woocommerce-info a.button, body .woocommerce-info a.ywpar-button-message {background: var(--custom-primary-color);color: white;font-weight: 400;font-size: 13px;padding: 10px 12px;border-radius: 5px;transition: 0.3s all;margin-right: auto;order: 9;flex: 0 1 auto;max-width: 100%;min-width: 120px;text-align: center;line-height: 1;box-sizing:border-box;} body .woocommerce-info a {transition:0.3s all;color: var(--custom-primary-color);} body .woocommerce-info a:hover {color: var(--custom-primary-color-hover);} body .woocommerce-error a.button {background: var(--bp-main-red);} body .woocommerce-message a.button:hover, body .woocommerce-info a.button:hover, body .woocommerce-info a.ywpar-button-message:hover {background: var(--custom-primary-color-hover);color: white;} body .woocommerce-error a.button:hover {opacity:0.7;background: var(--bp-main-red);color: white;} body .woocommerce-message::before, body .woocommerce-error::before, body .woocommerce-info::before {top:50%;transform: translate(0,-50%);} body .woocommerce-message::before, body .woocommerce-info::before {color: var(--custom-primary-color);} body .woocommerce-error::before {color: var(--bp-main-red);} body .price .woocommerce-Price-currencySymbol, body .amount .woocommerce-Price-currencySymbol {font-size: 11px;font-weight: 300;} body .price bdi, body .amount bdi {font-weight: 600;font-size: 24px;color:black;} body .price ins, body .amount ins {text-decoration: unset !important;} body.page .return-to-shop {margin: 15px 0 25px 0;} body.page .return-to-shop a.wc-backward {background: var(--custom-primary-color);color: white;font-weight: normal;font-size: 15px;line-height: 45px;padding: 0 20px;height: 45px;border-radius: 8px;transition: 0.3s all;} body.page .return-to-shop a.wc-backward:hover {background: var(--custom-primary-color-hover );} body.woocommerce-checkout .vpn-notice {margin-bottom: 15px;border-top-color: orange;padding: 10px 3.5em 10px 1.5em;} body.woocommerce-checkout .vpn-notice:before {color:orange;} body.woocommerce-checkout .vpn-notice .button {background:orange;color:black;} body.woocommerce-checkout .vpn-notice .button:hover {background:orange;color:black;opacity:0.85;} /* Header Style */ body .main-header {padding: 0;background: white;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index:999;position:relative;} body .main-header .top-menu {display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #ddd;} body .main-header .top-menu .top-nav ul {list-style: none;display: flex;flex-direction: row;gap: 20px;} body .main-header .top-menu .top-nav li {padding:10px 0 13px 0;border-top:3px solid transparent;transition:0.3s all;} body .main-header .top-menu .top-nav li:hover {border-color:var(--custom-primary-color);} body .main-header .top-menu .top-nav a {color:black;transition:0.3s all;} body .main-header .top-menu .top-nav a:hover {color:var(--custom-primary-color);} body .main-header .top-contact {display: flex;padding: 8px 0;align-items: center;flex-direction: revert;gap: 10px;flex-wrap: wrap;} body .main-header .top-contact .contact-number {direction: ltr;display: flex;flex-direction: row;align-items: center;gap: 4px;} body .main-header .top-contact .contact-number strong {font-size: 18px;font-weight: 600;display: inline-flex;} body .main-header .top-contact i {font-size: 28px;color: #323232;} body .main-header .header-content {padding: 20px 0;display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap:10px;} body .main-header .header-box {width: calc((100% - 20px) / 3);display: flex;flex-direction: row;align-items: center;gap: 15px;flex-wrap: wrap;justify-content: flex-start;} body .main-header .header-box:last-child {justify-content: flex-end;} body .main-header .header-logo {max-width:150px;display: flex;margin: 0 auto;clear: both;transition:0.3s all;} body .main-header .header-logo:hover {filter:grayscale(100%);} body .main-header .header-logo svg {width:100%;} body .main-header .mega-menu .mega-link {background: #535a60;color: white;display: flex;flex-direction: row;gap: 10px;align-items: center;border-radius: 100px;padding: 10px 15px;font-size: 13px;cursor:default;width: 162px;box-sizing: border-box;cursor:pointer;} body .main-header .mega-menu i:first-child {font-size: 20px;} body .main-header .header-search {flex-grow: 1;} body .main-header .mobile-header-search {display:none;} body .main-header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {padding: 0 15px !important;height: 46px;line-height: 46px !important;font-size: 13px;width: 100%;outline: unset;border: 0 !important;background: #f5f5f5 !important;} body .main-header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {padding: 0;background: unset;} body .main-header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {min-height: 46px;top: 0;line-height: 46px;left: 10px;background: unset !important;box-shadow: unset;right: unset;} body .main-header .dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {left: 40px !important;} body .dgwt-wcas-content-wrapp span {line-height:1.5;} body .main-header .header-cart {cursor:pointer;background: var(--custom-primary-color);color: white;height: 46px;line-height: 46px;border-radius: 100px;padding: 0 15px;min-width: 125px;text-align: center;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 10px;transition: 0.3s all;} body .main-header .header-cart:hover {background: var(--custom-primary-color-hover);} body .main-header .cart-count {background: white;color: black;line-height: 1;padding: 2px 6px 0 6px;border-radius: 3px;box-shadow: 0 0 10px rgba(0,0,0,0.5);color: var(--custom-primary-color);} body .header-user {height: 46px;line-height: 46px;padding: 0 15px;flex-grow: 1;border: 1px solid black;box-sizing: border-box;border-radius: 100px;transition: 0.3s all;color:black;position:relative;} body .header-user a.user-link {display: flex;flex-direction: row;align-items: center;justify-content: space-between;color:black;} body .header-user i:first-child {font-size: 25px;} body .header-user img {height: 28px;width: auto;border-radius: 100%;} body .header-user .header-dropdown {position: absolute;top: 100%;right: 0;left: 0;background: white;border: 1px solid #ddd;z-index: 998;border-radius: 18px;margin-top: 2px;display: none;transition:0.3s all;opacity:0;overflow:hidden;} body .header-user:hover .header-dropdown {display:block;opacity:1;} body .header-user .header-dropdown li {line-height: 2.5;border-bottom: 1px solid #dddd;margin: 0 15px;display: block;clear: both;color: black;padding: 5px 0;} body .header-user .header-dropdown li:last-child {border-bottom:0;} body .header-user .header-dropdown li:last-child a {color: var(--custom-secondary-color);} body .header-user .header-dropdown li a {color:black;display: flex;flex-direction: row;align-items: center;gap: 7px;transition:0.3s all;} body .header-user .header-dropdown li a i.fa-angle-left {margin-right:auto;} body .header-user .header-dropdown li a:hover {opacity:0.8;} body.woocommerce-account .woocommerce.dgwt-wcas-search-wrapp {margin-bottom:0 !important;} body .mega-menu .mega-content {position: absolute;top: 100%;background: rgba(255,255,255,0.975);z-index: 997;width: calc(100% - 0px);border-radius: 0 0 10px 10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.05);backdrop-filter: blur(5px);line-height: 1.5;display: none;flex-direction: row;gap: 25px;align-items: stretch;height: 400px;max-height: calc(100vh - 90px);padding: 20px;box-sizing: border-box;flex-wrap:wrap;overflow-y:auto;} body .mega-menu .mega-content a {word-spacing:0;transition:0.3s all;color:black;} body .mega-menu .mega-content a:hover {opacity:0.8;} body .mega-menu .mega-content li {line-height:2.25;font-weight:300;} body .mega-menu .mega-content li.highlight {border-right: 4px solid var(--custom-primary-color);margin: 10px 0 5px 0;padding-right: 10px;line-height: 1.5;border-radius: 0 2px 2px 0;color:black;font-weight:bold;} body .mega-menu .mega-content ul li.highlight:first-child {margin-top:0;} body .mega-menu .mega-content img {margin-right:auto;} body .mega-menu .mega-content ul {width:20%;} body .mega-menu .mega-content img {width: calc(40% - 75px);flex-grow: 1;height: auto !important;align-self: center;} body .mega-overlay {position: fixed;z-index: 99;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.25);backdrop-filter: blur(3px);display:none;} /* Home Style */ body .owl-carousel .owl-nav {display: flex;flex-direction: row;align-items: center;gap: 5px;justify-content: flex-end;margin: 15px 0 0px 0;} body .owl-carousel .owl-nav button {background: white !important;color: black !important;line-height: 30px !important;font-size: 22px !important;width: 30px;height: 30px;border-radius: 6px;box-shadow: 0 0 5px rgba(0,0,0,0.15);transition:0.3s;} body .owl-carousel .owl-nav button.owl-prev {opacity:0.5;} body .owl-carousel .owl-nav button:hover {opacity:1;} body .banner-slider .owl-nav, body .top-slider-wrap .owl-nav {position: absolute;bottom: 10px;left: 10px;} body .section-title {display: flex;flex-direction: row;justify-content: space-between;gap:10px;align-items: center;margin-bottom: 15px;} body .section-title strong {color:black;font-weight: 600;font-size: 18px;word-spacing: -1px;display: flex;flex-direction: row;gap: 10px;align-items: center;} body .section-title strong svg {width: 20px;height: auto;fill: white;} body .section-title a {color: black;display: flex;flex-direction: row;align-items: center;gap:5px;} body .home-products .product {position: relative;color: black;background: white;border-radius: 12px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding-bottom:15px;min-height:355px;overflow:hidden;} body .home-products .product .item-image img {width: 100%;height: auto;border-radius: 6px;padding:10px;box-sizing:border-box;} body .home-products .product .item-title {padding: 0 14px;text-align: right;direction: rtl;color: black;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;box-sizing: border-box;} body .home-products .product .item-title a {font-weight:400;color:black;} body .home-products .product .amount, body.archive .product .amount {margin-top:-5px;width: 100%;box-sizing: border-box;display: flex;flex-direction: row;gap: 5px;padding: 0 12px;direction: ltr;} body .home-products .product .amount bdi, body.archive .product .amount bdi {font-weight: 600;font-size: 20px;letter-spacing: -0.5px;display: flex;flex-direction: row;align-items: center;color:black;} body .home-products .product .amount .woocommerce-Price-currencySymbol, body.archive .product .amount .woocommerce-Price-currencySymbol {font-size:11px;font-weight: 300;} body .product .discount-percentage {z-index:9;direction:ltr;position: absolute;top: 30px;right: 8px;background: var(--custom-secondary-color-hover);line-height: 1.25;color: white;padding: 2px 6px 0 6px;border-radius: 12px 2px 2px 12px;font-size: 15px;display: flex;flex-direction: row;align-items: center;gap: 2px;} body .product .discount-percentage svg {width: 10px;height: auto;fill: white;position: relative;top: -1px;} body .home-products .product .rating-custom {display: inline-block;position: absolute;top: 30px;left: 8px;background: var(--custom-tertiary-color-hover);line-height: 1.25;padding: 2px 6px 0 6px;border-radius: 2px 12px 12px 2px;} body .home-products .product .rating-custom .rating {font-weight:normal;} body .home-products .product .item-platform {padding: 0 12px;display: flex;flex-direction: row;gap: 5px;flex-wrap: wrap;align-items: flex-start;} body .home-products .product .item-platform svg {width: 50px;max-width: 100%;border: 1px solid black;padding: 5px;box-sizing: border-box;border-radius: 4px;opacity: 0.75;transition: 0.3s all;} body .home-products .product .item-platform svg:hover {opacity:1;} body .home-banner {margin: 20px 0 10px 0;} body .home-banner #main {display: flex;flex-direction: row;gap: 20px;align-items: stretch;flex-wrap: wrap;} body .banner-slider {width: 60% !important;flex-grow: 1;border-radius: 12px;overflow: hidden;} body .banner-slider .item img {width:100%;height:auto;} body .banner-ad {width: calc(20% - 20px);display:flex;border-radius:12px;overflow:hidden;align-items: stretch;position:relative;} body .banner-ad img {position: absolute;height: 100%;min-width: 100%;width: auto;transform: translate(-50%,0%);top: 0;left: 50%;} .banner-ad { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; } .banner-ad.show { opacity: 1; visibility: visible; } body .home-categories .owl-stage {padding: 10px 0;} body .categories-wrapper {margin:20px 0;} body .home-categories .item {color:black;word-spacing:-2px;display: flex;flex-direction: row;align-items: center;direction: ltr;background: #fff;border-radius: 12px;box-shadow: 0 0 10px rgba(0,0,0,0.1);height: 100%;padding: 15px;box-sizing: border-box;gap:15px;justify-content: space-between;} body .home-categories .item img {width: 45px !important;height:auto;border-radius: 12px;} body .home-categories .owl-nav {display:none;} body .home-offer {background: var(--custom-primary-color);color: white;margin: 20px 0 10px 0;padding: 20px 0;} body .home-offer .section-title a, body .home-offer .section-title strong {color:white;} body .home-wrapper {margin:30px 0;} body .blog-wrapper {margin:50px 0;} body .home-ads {display:inline-block;margin:20px 0;width:100%;} body .home-ads #main {display: flex;flex-direction: row;gap: 15px;justify-content: space-between;align-items: center;flex-wrap: wrap;} body .home-ads .item {width: calc((100% - 30px) / 3);background: white;box-sizing: border-box;box-shadow: 0px 5px 10px rgba(0,0,0,0.15);border-radius: 12px;display: inline-flex;flex-direction: row;align-items: center;gap: 20px;max-height: 175px;padding: 15px;} body .home-ads .item .right-box {align-self: flex-end;width: calc(50% - 20px);display: inline-flex;flex-direction: column;flex-grow:1;max-height:200px;} body .home-ads .item .right-box img {flex-grow:1;max-height:100%;height:auto;max-width:100%;width:auto;} body .home-ads .left-box.left-box {display: flex;flex-direction: column;align-items: flex-end;width: 50%;flex-grow: 1;gap: 10px;margin-bottom: -5px;} body .home-ads .left-box.left-box a {display: flex;flex-direction: row;align-items: center;gap: 15px;color: black;font-size: 13px;word-spacing: -2px;} body .home-ads .left-box.left-box img {max-width:100%;height:auto;} body .home-banners {display:inline-block;margin:20px 0;width:100%;} body .home-banners #main {display: flex;flex-direction: row;gap: 15px;justify-content: space-between;align-items: center;flex-wrap: wrap;} body .home-banners .banner-item {width: calc((100% - 30px) / 3);box-sizing: border-box;overflow: hidden;display: block} body .home-banners .banner-item img {width: 100%;height: auto;display: block;} body .home-support {margin: 10px 0;display: inline-block;width: 100%;} body .home-support #main {background: var(--custom-primary-color);color: white;padding: 35px;box-sizing: border-box;border-radius: 15px;display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: space-between;} body .home-support .right-box {display: flex;flex-direction: row;gap: 15px;align-items: center;} body .home-support .right-box .fas {font-size: 35px;background: rgba(255,255,255,0.2);padding: 8px;border-radius: 100%;} body .home-support .right-box .support-text {display: flex;flex-direction: column;gap: 2px;} body .home-support .right-box .support-text strong {font-weight: 600;font-size: 16px;word-spacing: -1px;} body .home-support .right-box .support-text small {font-size: 13px;font-weight: 300;} body .home-support .left-box {display: flex;flex-direction: row;gap: 20px;color: white;align-items: center;} body .home-support .support-ticket {background: rgba(255,255,255,0.3);color: white;padding: 8px 30px;border-radius: 6px;display: flex;flex-direction: row;gap: 10px;align-items: center;} body .home-support .support-phone {color: white;display: flex;flex-direction: row-reverse;align-items: center;gap: 10px;} body .home-support .support-phone strong {font-size: 25px;font-weight: bold;display: inline-block;} body .pre-order-games .home-products .product {display: flex;flex-direction: column;justify-content: end;} body .pre-order-games .home-products .product > * {z-index:3;} body .pre-order-games .home-products .product .item-image, body .pre-order-games .home-products .product .item-image a {z-index:2;} body .pre-order-games .home-products .product .overlay-link {display:block;width:100%;height:100%;z-index:2;background:linear-gradient(to top,black,transparent);left:0;right:0;bottom:0;top:0;position:absolute;} body .pre-order-games .home-products .product .item-image img {position: absolute;height: 100%;width: auto;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.2);padding: 0;z-index:1;filter: brightness(90%);min-width:100%;} body .pre-order-games .home-products .product .item-title, body .pre-order-games .home-products .product .amount, body .pre-order-games .home-products .product .item-platform {position:relative;} body .pre-order-games .home-products .product .item-title a {color:white;text-shadow: 0 0 3px black;} body .pre-order-games .home-products .product .amount bdi {color: white;text-shadow: 0 0 3px black;} body .pre-order-games .home-products .product .item-platform svg {border-color: transparent;background: rgba(255, 255, 255, 0.2);opacity: 1;fill: white;} body .pre-order-products .owl-stage {margin-left: auto;margin-right: 0;} body .latest-posts {display: flex;flex-direction: row;gap: 15px;align-items: flex-start;flex-wrap: wrap;} body .latest-posts .item {direction:rtl;background: white;width:100%;border-radius: 12px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 15px;box-sizing: border-box;} body .latest-posts .item img {width: 100%;height: auto;border-radius: 6px;} body .latest-posts .item .post-title a {display: block;color: black;clear: both;font-size: 17px;word-spacing: -1px;font-weight: 600;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 2;margin-bottom: 10px;margin-top: 5px;} body .latest-posts .item .post-excerpt {font-weight: 300;text-align: justify;display: block;} body .latest-posts .item .post-date {margin-top: 10px;margin-bottom: 5px;display: flex;flex-direction: row;gap: 5px;align-items: center;} body .latest-posts .item .post-date i {font-size: 22px;position: relative;top: -1px;} /* Footer Style */ body .main-footer {background: #23283a;padding-top: 110px;color: white;display: flex;flex-direction: column;position:relative;overflow:hidden;} body .main-footer .logo-footer-wrap {position: absolute;z-index: 1;top: -1px;left: 4%;} body .main-footer .logo-footer-wrap svg:first-child {width: 150px;fill: #f5f5f5;} body .main-footer .logo-footer-wrap svg:last-child {position: absolute;top: 15px;left: 50%;z-index: 3;fill: var(--custom-primary-color);width: 75px;transform: translate(-50%,0%);transition:0.3s all;} body .main-footer .logo-footer-wrap:hover svg:last-child {filter:grayscale(1)} body .main-footer .footer-title {display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: space-between;font-size:17px;margin-bottom:15px;} body .main-footer .footer-title svg {margin-right: auto;width: 20px;height: auto;fill: var(--custom-tertiary-color);} body .main-footer #main {display: flex;flex-direction: row;gap: 35px;align-items: stretch;} body .main-footer ul li {max-width: 225px;padding:0 0 5px 0;} body .main-footer ul li a {color: white;line-height: 1.5;transition: 0.3s all;} body .main-footer ul li a:hover {opacity:0.75;} body .main-footer .popular-links {display:flex;flex-direction:row;gap:10px;align-items:flex-start;flex: 0 0 auto;flex-wrap:wrap;width:calc(40% - 70px);} body .main-footer .about-us {flex:1;width:35%;} body .main-footer .about-us .footer-title img {width: 150px;height:auto;} body .main-footer .about-us p {text-align: justify;font-weight: 300;} body .main-footer .trend-links {width:25%;display:flex;flex-direction:column;gap:10px;flex: 0 0 auto;} body .main-footer .trend-links .link-item {color:white;display: flex;flex-direction: row;align-items: center;gap: 20px;justify-content: space-between;background: var(--custom-primary-color);padding:8px 10px;border-radius: 12px;transition:0.3s all;} body .main-footer .trend-links .link-item:hover {background: var(--custom-primary-color-hover);} body .main-footer .trend-links .link-item h4 {width: 175px;text-align: right;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} body .main-footer .social-links {display: flex;flex-direction: row;gap: 15px;align-items: flex-start;margin-top: 50px;} body .main-footer .social-links .item {background-color: #373f5c;box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.05);width: calc((100% - 45px) / 4);border-radius: 12px;overflow: hidden;position: relative;display: flex;flex-direction: column;padding: 25px 15px;box-sizing: border-box;} body .main-footer .social-links .item a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;} body .main-footer .social-links .item img {width:100%;height:auto;max-width:60px;display:block;margin:0 auto;} /* در موبایل بیرون از آکاردئون فوتر قرار می‌گیرد و همیشه نمایان است */ body .main-footer .social-links-mobile {width: 100%;flex: 0 0 100%;order: 99;margin-top: 0;max-height: none !important;overflow: visible !important;} body .main-footer .popular-links .newsletter-form {flex: 1 1 auto;display:flex;flex-direction:column;margin-top: auto;} body .main-footer .trend-links .contact-links {margin-top:auto;} body .main-footer .trend-links .contact-links ul {display: flex;flex-direction: column;} body .main-footer .trend-links .contact-links ul li {display: flex;flex-direction: row;max-width: unset;flex-grow: 1;align-items: center;gap: 5px;} body .main-footer .trend-links .contact-links ul li small {margin-left:auto;opacity:0.6;} body .main-footer .trend-links .contact-links ul li a {font-size:13px;direction:ltr;} body .main-footer .trend-links .contact-links ul li a strong {display: inline-block;font-size: 15px;margin: 0 2px;} body .main-footer .popular-links .newsletter-form p {line-height: 2;display: block;font-size: 13px;font-weight: 300;} body .main-footer .popular-links .newsletter-form form {display: flex;flex-direction: row;align-items: center;gap: 15px;justify-content: space-between;margin-top: 15px;} body .main-footer .popular-links .newsletter-form form input {flex-grow:1;} body .main-footer .popular-links .newsletter-form form button {height: 38px;line-height: 38px;display: flex;flex-direction: row;gap: 10px;align-items: center;padding: 0 20px 0 15px;background: var(--custom-tertiary-color);border: 0;border-radius: 8px;color: black;transition: 0.3s all;} body .main-footer .popular-links .newsletter-form form button:hover {background: var(--custom-tertiary-color-hover);} body .main-footer #main.footer-bottom {display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: 65px auto 25px auto;border-top: 1px solid rgba(255,255,255,0.15);padding-top: 25px;} body .main-footer .footer-bottom .social-end svg {width: 25px;height: auto;fill: white;} body .main-footer .footer-bottom .social-end ul {display: flex;flex-direction: row;gap: 15px;align-items: center;} body .main-footer .footer-bottom .social-end ul li {padding-bottom: 0;display: flex;flex-direction: column;} body .main-footer .footer-bottom .footer-copyright {direction:ltr;line-height:1.5;} body .main-footer .footer-bottom .footer-copyright p:last-child {font-weight: 300;font-size: 12px;} /* Single Product Page - Start */ body.single-product {background:white;} body.single-product .main-footer .logo-footer-wrap svg:first-child {fill:white;} body.single-product .main-header {box-shadow: unset;border-bottom: 1px solid #e0e2eb;} body.rtl .woocommerce-breadcrumb {margin:15px 0;display: flex;flex-direction: row;align-items: center;} body.rtl .woocommerce-breadcrumb::after {content:"\f84c";font-family:'Font Awesome 5 Free';font-weight:900;font-size:25px;line-height:1;position:relative;top:auto;padding-right:5px;margin-right:auto;} body.single-product .product {display: flex;flex-direction: row-reverse;gap: 25px;align-items: flex-start;position: relative;} body.single-product .product form.cart {width: 300px;max-width: 100%;position: sticky;top: 25px;left: 0;right: 0;box-sizing: border-box;} body.single-product .product form.cart .variations tbody tr {margin-bottom: 10px;display: flex;justify-content: space-between;gap: 10px;align-items: center;background: #f5f5f5;padding: 10px;border-radius: 12px;border: 1px solid #eee;} body.single-product .product form.cart .variations tbody tr .label {width: 100px;text-align: right;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;word-spacing: -1px;opacity: 0.6;} body.single-product .product form.cart .variations tbody tr .value {flex-grow:1;} body.single-product .product form.cart .variations tbody tr .label label {font-weight:500;} body.single-product .product form.cart .variations tbody tr .value select {background: transparent;border: 0;width: 100%;margin: 0;font-weight: 600;} body.single-product .product form.cart .quantity {display:none !important;} body.single-product .product form.cart .single_add_to_cart_button {width: 100%;display: block;margin: 15px 0 0 0;height: 55px;line-height: 55px;padding: 0;border-radius: 8px;transition: 0.3s all;background: var(--custom-primary-color);color: white;word-spacing: -1px;font-size: 15px;} body.single-product .product form.cart .single_add_to_cart_button:hover {background: var(--custom-primary-color-hover);} body.single-product .product form.cart .single_add_to_cart_button.help {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 10px;box-sizing: border-box;gap: 5px;margin-top: 10px;background: #ddd;transition: 0.3s all;color: black;} body.single-product .product form.cart .single_add_to_cart_button.help i {font-size:20px;} body.single-product .product form.cart .single_add_to_cart_button.help:hover {background: #ddd;opacity:0.85;} body.single-product .product form.cart .price:before {content:'مبلغ قابل پرداخت:';display:block;font-size:14px;word-spacing:-2px;text-decoration:none;font-weight:bold;} body.single-product .product form.cart .stock {font-weight: 600;font-size: 14px;} body.single-product .product form.cart .available-on-backorder {font-weight: normal;text-align: justify;border-radius: 12px;margin-bottom: 5px;color: black;word-spacing: -1px;} body.single-product .product form.cart .out-of-stock {color: var(--custom-secondary-color);} body.single-product .product form.cart .in-stock {color: var(--custom-main-green);} body.single-product .product form.cart .price {display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: space-between;color:black;} body.single-product .product.sale form.cart .price {gap: 0;justify-content: space-between;flex-wrap: wrap;} body.single-product .product.sale form.cart .price:before {width:100%;flex-grow:1;} body.single-product .product form.cart .product-discount {color: var(--custom-secondary-color);display: flex;flex-direction: row;align-items: center;gap: 5px;font-weight: 600;font-size: 15px;} body.single-product .product form.cart .product-discount svg {width: 15px;height: auto;fill: var(--custom-secondary-color);} body.single-product .product .product-main {flex-grow: 1;width: calc(100% - 325px);} body.single-product .product-summary {display: flex;flex-direction: row;gap: 25px;flex-wrap: wrap;position:relative;} body.single-product .product-summary .woocommerce-product-gallery {width: 35% !important;} body.single-product .product-summary .woocommerce-product-gallery__wrapper {display: flex;flex-direction: column;gap: 10px;} body.single-product .product-summary .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {overflow: hidden;border-radius:12px;} body.single-product .product-summary .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {width:100% !important;} body.single-product .product-summary .woocommerce-product-gallery__wrapper.gama-thumbs-ready > .woocommerce-product-gallery__image:not(:first-child) {display:none;} body.single-product .product-summary .gama-gallery-thumbs {width:100%;position:relative;box-sizing:border-box;overflow:hidden;padding:0;direction:rtl !important;} body.single-product .product-summary .gama-gallery-thumbs .woocommerce-product-gallery__image {width:100% !important;} body.single-product .product-summary .gama-gallery-thumbs .woocommerce-product-gallery__image img {display:block;width:100%;height:auto;border-radius:12px;} body.single-product .product-summary .gama-gallery-thumbs .owl-stage {display:flex;} body.single-product .product-summary .gama-gallery-thumbs .owl-stage-outer {overflow:hidden;} body.single-product .product-summary .gama-gallery-thumbs .owl-item {float:none;} body.single-product .product-summary .gama-gallery-thumbs .owl-nav button {position:absolute;top:50%;transform:translateY(-50%);width:28px;height:44px;border:1px solid #e0e2eb !important;border-radius:8px;background:white !important;color:black !important;display:flex !important;align-items:center;justify-content:center;transition:0.3s all;box-shadow:0 3px 10px rgba(0,0,0,0.08);z-index:2;} body.single-product .product-summary .gama-gallery-thumbs .owl-nav button:hover {background:#f5f5f5 !important;} body.single-product .product-summary .gama-gallery-thumbs .owl-nav button.disabled {opacity:0.35;cursor:default;} body.single-product .product-summary .gama-gallery-thumbs .owl-nav .owl-prev {right:6px;} body.single-product .product-summary .gama-gallery-thumbs .owl-nav .owl-next {left:6px;} body.single-product .product-summary .gama-gallery-thumbs .owl-nav i {font-size:14px;line-height:1;} body.single-product .product-summary .gama-gallery-thumbs .owl-dots {display:none;} body.single-product .product-summary .entry-summary {flex-grow: 1;width: calc(65% - 25px) !important;} body.single-product .product-summary .entry-summary .product_title {font-size: 25px;word-spacing: -1px;font-weight: 600;margin-left: auto;} body.single-product .product-summary .entry-summary .product-header {display: flex;flex-direction: row;align-items: center;gap: 10px;line-height:1.5;} body.single-product .product-summary .entry-summary .product-header a {cursor:pointer;font-size:25px;color:black;} body.single-product .product-summary .entry-summary .product-header a.remove-from-wishlist {color: var(--custom-secondary-color);} body.single-product .product-summary .entry-summary .last-product-category {margin-bottom: 5px;} body.single-product .product-summary .entry-summary .last-product-category a {color: var(--custom-secondary-color);font-weight: 500;word-spacing: -1px;transition: 0.3s all;} body.single-product .product-summary .entry-summary .last-product-category a:hover {color:gray;} body.single-product .product-summary .entry-summary .star-rating {margin-top: -2px;color: orange;font-size: 16px;} body.single-product .product-summary .entry-summary .woocommerce-product-rating {display: flex;flex-direction: row;align-items: center;} body.single-product .product-summary .entry-summary .woocommerce-product-rating a {color: black;font-weight: 300;word-spacing: -2px;opacity: 0.75;} body.single-product .product-summary .entry-summary .price {display:none !important;} body.single-product .product-summary .entry-summary form .price {display:flex !important;} body.single-product .product-type-simple .product-summary .entry-summary .price {display:block !important;color:black;} body.single-product .product-summary .entry-summary .woocommerce-product-details__short-description {background: #fafafa;padding: 15px;border: 1px solid #eee;border-radius: 8px;margin-bottom: 20px;font-weight: 300;} body.single-product .product-summary .entry-summary .woocommerce-product-details__short-description hr {display:none;} body.single-product .product-summary .entry-summary .woocommerce-product-details__short-description:before {content:'توضیحات کوتاه';font-weight:600;font-size:15px;border-bottom:1px solid #ddd;display:block;margin-bottom:12px;padding-bottom:5px;} body.single-product .product-summary .entry-summary .product-attributes {display: flex;flex-direction: row;align-items: center;margin-bottom: 25px;gap: 25px;} body.single-product .product-summary .entry-summary .product-attributes .item {display: flex;flex-direction: column;width: calc((100% - 50px) / 3);text-align: center;box-sizing: border-box;border-left: 1px solid #ccc;padding-left: 25px;} body.single-product .product-summary .entry-summary .product-attributes .item:last-child {border-left:0;padding-left:0;} body.single-product div.product .woocommerce-tabs ul.tabs li {background:transparent;border:0;flex-grow: 1;text-align: center;border-bottom: 4px solid transparent} body.single-product div.product .woocommerce-tabs ul.tabs li:after, body.single-product div.product .woocommerce-tabs ul.tabs li:before {display:none;} body.single-product div.product .woocommerce-tabs ul.tabs li.active {color: var(--custom-primary-color);border-bottom: 4px solid var(--custom-primary-color);} body.single-product .product .woocommerce-tabs ul.tabs {display: flex;flex-direction: row;gap: 5px;align-items: center;padding: 0 10px;box-sizing: border-box;} body.single-product div.product .woocommerce-tabs .panel h2.woocommerce-Reviews-title a {margin-right: 15px;padding-right: 15px;border-right: 1px solid gray;color: gray;font-size: 14px;word-spacing: -2px;position: relative;top: -1px;transition: 0.3s all;} body.single-product div.product .woocommerce-tabs .panel h2.woocommerce-Reviews-title a:hover {color:black;} body.single-product div.product .woocommerce-tabs #tab-description h1, body.single-product div.product .woocommerce-tabs #tab-description h2, body.single-product div.product .woocommerce-tabs #tab-description h3, body.single-product div.product .woocommerce-tabs #tab-description h4, body.single-product div.product .woocommerce-tabs #tab-description h5, body.single-product div.product .woocommerce-tabs #tab-description h6 {display: block;line-height: 2;font-weight: 600;font-size: 25px;margin-top: 15px;margin-bottom: 5px;} body.single-product div.product .woocommerce-tabs #tab-description a {transition:0.3s all;color: var(--custom-primary-color);} body.single-product div.product .woocommerce-tabs #tab-description a:hover {color: var(--custom-primary-color-hover);} body.single-product div.product .woocommerce-tabs #tab-description img {display: block;margin: 15px auto;max-width: 100%;height: auto;border-radius: 8px;} body.single-product div.product .woocommerce-tabs #tab-description iframe, body.single-product div.product .woocommerce-tabs #tab-description video {margin: 15px auto;display: block;max-width: 100%;border-radius: 8px;} body.single-product span.onsale {background: var(--custom-secondary-color-hover);border-radius: 100px 5px 5px 100px;min-height: unset;min-width: 60px;padding: 0;line-height: 2.25;top: 17px;} body.single-product div.product .woocommerce-tabs #tab-description .h_iframe-aparat_embed_frame {margin-bottom:30px;} body.single-product .related.products {margin-bottom:25px;display: flex;flex-direction: column;gap: 15px;border-top: 1px solid #ccc;padding-top: 25px;} body.single-product .related.products h2 {font-size: 18px;font-weight: 600;word-spacing: -1px;} body.single-product .related .products {display: flex;flex-direction: row;gap: 0;width: 100%;overflow: hidden;} body.single-product .related .products:before, body.single-product .related .products:after {display:none;} body.single-product .related ul.products li.product {margin: 0 !important;width: calc(100% / 4) !important;border-left: 1px solid #ccc;padding: 15px !important;box-sizing: border-box;display: flex;flex-direction: column;position:relative;} body.single-product .related ul.products li.product.outofstock {filter: grayscale(1);} body.single-product .related ul.products li.product a {width:100%;height: 100%;display: flex;flex-direction: column;} body.single-product .related ul.products li.product:last-child {border-left:0;} body.single-product .related ul.products li.product .onsale {right: 10px;left: auto;top: 35px;line-height: 2;} body.single-product .related ul.products li.product img {width:100% !important;height:auto !important;margin-bottom:5px !important;border-radius:8px;} body.single-product .related ul.products li.product .woocommerce-loop-product__title {color: black;font-size: 14px;font-weight: 400;text-align: justify;} body.single-product .related ul.products li.product .price {display: flex;flex-direction: row;overflow: hidden;font-size:0;line-height: 1;margin-top: auto;padding-top: 10px;} body.single-product .related ul.products li.product .price .amount:nth-child(n+2) {display:none !important;} body.single-product .related ul.products li.product .star-rating {color:orange;} body.single-product .related ul.products li.product a.button {display:none;} body.single-product #reviews #comments ol.commentlist {margin-top:20px;} body.single-product #tab-additional_information table.shop_attributes {margin-top:10px;border-radius:8px;} body.single-product #tab-additional_information table.shop_attributes th, body.single-product #tab-additional_information table.shop_attributes td {line-height:2.25;} body.single-product #reviews #comments ol.commentlist li .comment-footer {display: flex;flex-direction: row;align-items: center;gap: 20px;margin-bottom: 12px;font-size:13px;} body.single-product #reviews #comments ol.commentlist li .comment-footer .like, body.single-product #reviews #comments ol.commentlist li .comment-footer .dislike {cursor: pointer;display: flex;flex-direction: row;align-items: center;gap: 5px;} body.single-product #reviews #comments ol.commentlist li .comment-footer .like svg, body.single-product #reviews #comments ol.commentlist li .comment-footer .dislike svg {width:16px;height:auto;} body.single-product #reviews #comments ol.commentlist li .comment-footer .like svg {fill: var(--custom-main-green);} body.single-product #reviews #comments ol.commentlist li .comment-footer .dislike svg {fill: var(--custom-secondary-color-hover);} body.single-product #reviews #comments ol.commentlist li img.avatar {padding: 0;width: 65px;border-radius: 100%;border: 0;} body.single-product #reviews #comments ol.commentlist li .comment-text {border: 0;margin-right: 70px;padding-top: 0;border-bottom: 1px solid #ccc;border-radius: 0;padding-bottom: 5px;} body.single-product #reviews #comments ol.commentlist .children li.comment {background: #fafafa;padding: 15px 15px 0 15px;border-radius: 8px;overflow: hidden;} body.single-product #reviews #comments ol.commentlist .children li.comment img.avatar {top:15px;right:15px;} body.single-product #reviews #comments ol.commentlist .children li.comment .comment-text {border-bottom:0;} body.single-product #review_form_wrapper {border-top: 1px solid #ccc;padding-top: 20px;margin-top: 10px;} body.single-product #review_form_wrapper #reply-title {font-size: 18px;font-weight: 600;word-spacing: -1px;} body.single-product #review_form_wrapper .comment-form-rating {margin: 5px 0;display: flex;flex-direction: row;align-items: center;gap: 10px;} body.single-product #review_form_wrapper .comment-form-rating .stars {margin-bottom: 0 !important;display: flex;flex-direction: row;line-height: 1;} body.single-product #review_form #respond textarea {background: #fafafa;border: 1px solid #eee;height: calc(45px * 3);resize: vertical;border-radius: 15px;line-height: calc(45px / 2);} body.single-product #review_form #respond .form-submit input#submit {height: 45px;padding: 0;line-height: 45px !important;min-width: 200px;max-width: 100%;background: var(--custom-tertiary-color);border-radius: 6px;color: black;transition: 0.3s all;font-size:15px;} body.single-product #review_form_wrapper .comment-form-rating .stars a {color: var(--custom-tertiary-color);} body.single-product #review_form #respond p.comment-form-cookies-consent {display: flex;flex-direction: row;gap: 5px;align-items: center;font-size: 14px;font-weight: 300;} body.single-product #review_form #respond p.comment-form-author, body.single-product #review_form #respond p.comment-form-email {display: flex;gap: 5px;align-items: center;} body.single-product #review_form #respond p.comment-form-author input, body.single-product #review_form #respond p.comment-form-email input {background: #fafafa;border-radius: 12px;border-color: #ddd;} /* استایل کلی برای سلکت‌های ووکامرس */ .variation-select-wrapper select { appearance: none !important; /* حذف فلش پیش‌فرض */ -webkit-appearance: none !important; -moz-appearance: none !important; background: #fff; border: 1px solid #ddd; padding: 0px 0px 0px 25px !important; /* جا برای فلش سمت راست */ width: 100%; border-radius: 6px; font-size: 15px; cursor: pointer; } /* کانتینر برای آیکون */ .variation-select-wrapper { position: relative; display: inline-block; width: 100%; } /* اضافه کردن فلش Font Awesome */ .variation-select-wrapper:after { content: "\f107"; /* fa-angle-down */ font-family: "Font Awesome 5 Free"; font-weight: 900; /* solid style */ position: absolute; left: 5px; margin-top: -2px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 16px; color: #333; } /* Archive Page Start */ body .archive-section {display: flex;flex-direction: row;gap: 25px;align-items: flex-start;flex-wrap:wrap;} body .archive-section .archive-sidebar {gap: 10px;display: flex;flex-direction: column;width: 275px;max-width:100%;flex-grow: 1;} body .archive-section .archive-sidebar .widget {background: white;box-shadow: 0 0 10px rgba(0,0,0,0.05);border-radius: 12px;padding: 15px;box-sizing: border-box;margin: 5px 0;} body .archive-section .archive-sidebar .widget .widget-title {display: flex;flex-direction: row;gap: 5px;align-items: center;justify-content: space-between;margin-bottom: 10px;font-weight: bold;font-size: 15px;word-spacing: -1px;opacity: 0.95;} body.woocommerce .widget_price_filter .ui-slider .ui-slider-range, body.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background-color: var(--custom-primary-color);} body.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {background-color: silver;} body.woocommerce .widget_price_filter .price_slider_amount .button {background: var(--custom-primary-color);border-radius: 8px;transition: 0.3s all;width: 100%;line-height: 38px;padding: 0;height: 38px;color: white;} body.woocommerce .widget_price_filter .price_slider_amount .button:hover {background: var(--custom-primary-color-hover);} body .archive-section .archive-sidebar .widget ul {list-style: none;font-size: 14px;} body .archive-section .archive-main {width: calc(100% - 300px);flex-grow: 1;max-width:100%;} body .archive-section .archive-sidebar .widget ul li a {font-weight: 300;color:black;} body .archive-section .archive-sidebar .widget ul li .count {color:silver;transition:0.3s all;} body .archive-section .archive-sidebar .widget ul li:hover .count {color:black;} body.archive.woocommerce ul.products li {position:relative;margin: 0;width: calc((100% - 45px) / 4);background: white;border-radius: 12px;overflow: hidden;padding: 10px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.1);} body.archive.woocommerce ul.products {display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;} body.archive.woocommerce ul.products:before, body.archive.woocommerce ul.products:after {display:none;} body.archive.woocommerce ul.products li img {margin-bottom:5px !important;} body.archive.woocommerce ul.products li h2 {color: black;font-size: 16px !important;font-weight: 400;line-height: 1.5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} body.archive .product .button {display:none !important;} body.archive .product .price {margin-top:auto !important;margin-bottom:0 !important;} body.archive .product a {display:flex;flex-direction:column;height:100%;} body.archive .product .star-rating {margin-right: auto;} body.archive .product .amount {padding:0 4px;} body.woocommerce .woocommerce-result-count {padding-top:4px;margin-bottom:0;} body.woocommerce nav.woocommerce-pagination {padding-top:10px;margin-bottom:25px;} body.woocommerce nav.woocommerce-pagination ul.page-numbers li span, body.woocommerce nav.woocommerce-pagination ul.page-numbers li a {padding: 12px 15px 10px 15px;color:black;} body.woocommerce nav.woocommerce-pagination ul.page-numbers li span, body.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover, body.woocommerce nav.woocommerce-pagination ul.page-numbers li a:focus {background:#eee;color: var(--custom-primary-color);} body.woocommerce nav.woocommerce-pagination ul li {background: white;border-color: #eee !important;} body.woocommerce nav.woocommerce-pagination ul {border-color: #eee;border-radius: 5px;overflow: hidden;} body .archive-section .archive-sidebar .sidebar-toggle input[type=checkbox] {position:relative;width:50px;height:22px;appearance:none;background-color:#ccc;border-radius:15px;cursor:pointer;transition:background-color 0.3s ease;border:0;} body .archive-section .archive-sidebar .sidebar-toggle input[type=checkbox]:checked{background-color:#28a745;} body .archive-section .archive-sidebar .sidebar-toggle input[type=checkbox]::before{content:'';position:absolute;top:2px;left:2px;width:19px;height:19px;background-color:white;border-radius:50%;transition:transform 0.3s ease;} body .archive-section .archive-sidebar .sidebar-toggle input[type=checkbox]:checked::before{transform:translateX(25px);} body .archive-section .archive-sidebar .sidebar-toggle {background: black;color: white;display: flex;flex-direction: row;align-items: center;border-radius: 12px;justify-content: space-between;gap:5px;padding: 15px;box-sizing:border-box;} body .archive-section .archive-sidebar .sidebar-toggle.on-sale-toggle {background: var(--custom-secondary-color-hover);} body .archive-section .archive-sidebar .sidebar-toggle.on-sale-toggle #on-sale-switch {background-color: rgba(255,255,255,0.35);border:0;} body .archive-section .archive-sidebar .sidebar-toggle.on-sale-toggle #on-sale-switch:checked {background: rgba(0,0,0,0.25);border: 0;} body .archive-section .archive-sidebar .sidebar-toggle label {display: flex;flex-direction: row;gap: 10px;flex-grow: 1;align-items: center;} body .archive-section .archive-sidebar .sidebar-toggle label svg {fill: white;width: 20px;height: auto;} body .archive-section .archive-sidebar .sidebar-toggle.in-stock-toggle #in-stock-switch {background: rgba(255,255,255,0.25);} body .archive-section .archive-sidebar .sidebar-toggle.in-stock-toggle #in-stock-switch:checked {background: rgba(255,255,255,0.1);} body .archive-section .archive-desc {width:100%;display: flex;flex-direction: row;justify-content: space-between;gap: 15px;align-items: center;background: white;margin: 0;border-radius: 12px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 20px 25px;box-sizing: border-box;flex-wrap:wrap;} body .archive-section .archive-desc video, body .archive-section .archive-desc .gama-player {border-radius:12px;max-width:100%;width: 600px;} body .archive-section .archive-desc .gama-player {margin:0;} body .archive-section .archive-desc .desc-text {width: calc(100% - 615px);flex-grow: 1;display: flex;flex-direction: column;gap: 5px;} body .archive-section .archive-desc .desc-text h1 {font-weight: 600;font-size: 24px;color: var(--custom-primary-color);word-spacing: -1px;} body .archive-section .archive-desc .desc-text button {margin-top: 15px;background: var(--custom-tertiary-color);color: black;border: 0;padding: 8px 20px;border-radius: 8px;transition: 0.3s all;font-size: 12px;box-shadow: 0 0 5px rgba(0,0,0,0.05);display: flex;flex-direction: row;gap: 10px;align-items: center;} body .archive-section .archive-desc .desc-text button i {-webkit-text-stroke: 0.5px;} body .archive-section .archive-desc .desc-text button:hover {background: var(--custom-tertiary-color-hover);} /* کلاس برای محو شدن */ .fade-out { opacity: 0; transition: opacity 0.5s ease-in-out; } /* حالت پیش‌فرض (ظاهر شدن) */ .fade-in { opacity: 1; transition: opacity 0.5s ease-in-out; } .page-description-container {position:relative;} .page-description {background: white;margin: 0 auto;border-radius: 12px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 25px 25px !important;box-sizing: border-box;max-height: 215px;overflow: hidden;transition: max-height 0.3s ease-out;position: relative;} .page-description.full {max-height:none;} .page-description-container button {position: absolute;bottom: 20px;left: 50%;transform: translate(-50%, 0);background: var(--custom-tertiary-color);border: 0;border-radius: 8px;padding: 8px 25px;box-sizing: border-box;transition: 0.3s all;box-shadow:0 0 15px rgba(0,0,0,0.1);cursor: pointer;} .page-description-container button:hover {background: var(--custom-tertiary-color-hover);box-shadow:unset;} body .page-description.post-content {font-size:14px;line-height: 2.5;} body .page-description.post-content {font-size: 14px;font-weight: 300;margin-bottom:30px;} body .page-description.post-content h1, body .page-description.post-content h2, body .page-description.post-content h3 {border-bottom:0;padding:0;margin-top:10px;display: inline-block;width: 100%;font-weight:bold;text-align:right;line-height:2} body .product-main ul {list-style:inside;} body .post-content ul {list-style:inside;} body .post-content ol {list-style-type: arabic-indic;list-style-position: inside;} body .page-description:not(.full)::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 50px;background: linear-gradient(to top, white, rgba(255,255,255,0.5));} body.archive .home-support {margin:30px 0;} /* Content tables */ body .post-content table, body.single-product .woocommerce-Tabs-panel--description table { width: 100% !important; max-width: 100%; margin: 24px 0; border: 1px solid #e0e2eb; border-spacing: 0; border-collapse: separate; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 8px 28px rgba(6, 52, 210, 0.08); color: #252a34; font-size: 14px; line-height: 2; } /* Ignore fixed widths added by classic editors. */ body .post-content table[width], body .post-content table th[width], body .post-content table td[width], body.single-product .woocommerce-Tabs-panel--description table[width], body.single-product .woocommerce-Tabs-panel--description table th[width], body.single-product .woocommerce-Tabs-panel--description table td[width] { width: auto !important; } body .post-content table[width], body.single-product .woocommerce-Tabs-panel--description table[width] { width: 100% !important; } body .post-content table th, body .post-content table td, body.single-product .woocommerce-Tabs-panel--description table th, body.single-product .woocommerce-Tabs-panel--description table td { box-sizing: border-box; padding: 14px 16px; border: 0; border-bottom: 1px solid #e6e8ef; border-left: 1px solid #edf0f5; text-align: right; vertical-align: top; white-space: normal; word-break: normal; overflow-wrap: anywhere; transition: background-color 0.2s ease, color 0.2s ease; } body .post-content table tr > :last-child, body.single-product .woocommerce-Tabs-panel--description table tr > :last-child { border-left: 0; } body .post-content table tbody tr:last-child > *, body.single-product .woocommerce-Tabs-panel--description table tbody tr:last-child > * { border-bottom: 0; } body .post-content table tbody tr:nth-child(even) > *, body.single-product .woocommerce-Tabs-panel--description table tbody tr:nth-child(even) > * { background: #f8faff; } body .post-content table tbody td:first-child, body.single-product .woocommerce-Tabs-panel--description table tbody td:first-child { border-right: 3px solid var(--custom-tertiary-color); font-weight: 600; } body .post-content table tbody th, body.single-product .woocommerce-Tabs-panel--description table tbody th { background: #f1f5ff; color: var(--custom-primary-color); font-weight: 600; } /* Support both semantic thead tables and editor tables whose first row is the header. */ body .post-content table thead th, body .post-content table > tbody:first-child > tr:first-child > th, body .post-content table > tbody:first-child > tr:first-child > td, body.single-product .woocommerce-Tabs-panel--description table thead th, body.single-product .woocommerce-Tabs-panel--description table > tbody:first-child > tr:first-child > th, body.single-product .woocommerce-Tabs-panel--description table > tbody:first-child > tr:first-child > td { border-color: rgba(255, 255, 255, 0.18); border-bottom: 3px solid var(--custom-tertiary-color); background: linear-gradient(135deg, var(--custom-primary-color), var(--custom-primary-color-hover)); color: #fff; font-weight: 600; vertical-align: middle; } body .post-content table a, body.single-product .woocommerce-Tabs-panel--description table a { color: var(--custom-primary-color); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(6, 52, 210, 0.35); text-underline-offset: 3px; } body .post-content table a:hover, body.single-product .woocommerce-Tabs-panel--description table a:hover { color: var(--custom-primary-color-hover); text-decoration-color: currentColor; } @media (hover: hover) { body .post-content table tbody tr:hover > *, body.single-product .woocommerce-Tabs-panel--description table tbody tr:hover > * { background: #edf3ff; } body .post-content table > tbody:first-child > tr:first-child:hover > *, body.single-product .woocommerce-Tabs-panel--description table > tbody:first-child > tr:first-child:hover > * { background: linear-gradient(135deg, var(--custom-primary-color), var(--custom-primary-color-hover)); } } /* -------------------------------------------------------------------------- نشانه های اسکرول افقی جدول ها جدول با JS داخل .gama-table-scroll قرار می گیرد. سایه های لبه و متن راهنما روی wrapper هستند (نه داخل ناحیه اسکرول) تا هنگام کشیدن جدول ثابت بمانند. -------------------------------------------------------------------------- */ .gama-table-scroll { position: relative; } /* در دسکتاپ جدول ها اسکرول نمی خورند، پس نشانه ای هم لازم نیست. */ .gama-table-scroll__hint { display: none; } @media (max-width: 768px) { .gama-table-scroll.is-scrollable::before, .gama-table-scroll.is-scrollable::after { content: ''; position: absolute; top: 0; bottom: 0; z-index: 2; width: 26px; opacity: 0; transition: opacity 0.2s ease; pointer-events: none; } .gama-table-scroll.is-scrollable::before { right: 0; border-radius: 7px 0 0 7px; background: linear-gradient(to left, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0)); } .gama-table-scroll.is-scrollable::after { left: 0; border-radius: 0 7px 7px 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0)); } /* has-start یعنی محتوایی در سمت شروع (راست) پنهان مانده است. */ .gama-table-scroll.has-start::before, .gama-table-scroll.has-end::after { opacity: 1; } .gama-table-scroll.is-scrollable .gama-table-scroll__hint { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 7px 0 4px; color: #6b7a74; font-size: 12px; font-weight: 300; line-height: 1.8; text-align: center; } .gama-table-scroll.is-scrollable .gama-table-scroll__hint::before, .gama-table-scroll.is-scrollable .gama-table-scroll__hint::after { content: ''; width: 13px; height: 13px; background: currentColor; /* فلش های چپ و راست به صورت ماسک، بدون نیاز به فونت آیکون. */ -webkit-mask: no-repeat center / contain; mask: no-repeat center / contain; } .gama-table-scroll.is-scrollable .gama-table-scroll__hint::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4-4.6-4.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4-4.6-4.6z'/%3E%3C/svg%3E"); } .gama-table-scroll.is-scrollable .gama-table-scroll__hint::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 16.6 10 18l6-6-6-6-1.4 1.4 4.6 4.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 16.6 10 18l6-6-6-6-1.4 1.4 4.6 4.6z'/%3E%3C/svg%3E"); } /* اسکرول بار همیشه دیده شود تا اسکرول داشتن جدول مشخص باشد (وبکیت). */ .gama-table-scroll.is-scrollable table::-webkit-scrollbar { -webkit-appearance: none; height: 7px; } } /* Keep wide tables readable instead of squeezing their columns on small screens. */ @media (max-width: 768px) { body .post-content table, body.single-product .woocommerce-Tabs-panel--description table { display: block; width: 100% !important; overflow-x: auto; overflow-y: hidden; border-radius: 10px; box-shadow: 0 5px 18px rgba(6, 52, 210, 0.08); scrollbar-width: thin; scrollbar-color: var(--custom-primary-color) #edf0f7; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; } body .post-content table > thead, body .post-content table > tbody, body .post-content table > tfoot, body.single-product .woocommerce-Tabs-panel--description table > thead, body.single-product .woocommerce-Tabs-panel--description table > tbody, body.single-product .woocommerce-Tabs-panel--description table > tfoot { display: table; width: 100%; min-width: 620px; table-layout: fixed; border-spacing: 0; } body .post-content table th, body .post-content table td, body.single-product .woocommerce-Tabs-panel--description table th, body.single-product .woocommerce-Tabs-panel--description table td { padding: 12px 14px; font-size: 13px; line-height: 1.9; } body .post-content table::-webkit-scrollbar, body.single-product .woocommerce-Tabs-panel--description table::-webkit-scrollbar { height: 8px; } body .post-content table::-webkit-scrollbar-track, body.single-product .woocommerce-Tabs-panel--description table::-webkit-scrollbar-track { background: #edf0f7; } body .post-content table::-webkit-scrollbar-thumb, body.single-product .woocommerce-Tabs-panel--description table::-webkit-scrollbar-thumb { border: 2px solid #edf0f7; border-radius: 20px; background: var(--custom-primary-color); } } @media (max-width: 480px) { body .post-content table, body.single-product .woocommerce-Tabs-panel--description table { margin: 18px 0; } body .post-content table > thead, body .post-content table > tbody, body .post-content table > tfoot, body.single-product .woocommerce-Tabs-panel--description table > thead, body.single-product .woocommerce-Tabs-panel--description table > tbody, body.single-product .woocommerce-Tabs-panel--description table > tfoot { min-width: 560px; } body .post-content table th, body .post-content table td, body.single-product .woocommerce-Tabs-panel--description table th, body.single-product .woocommerce-Tabs-panel--description table td { padding: 10px 12px; font-size: 12.5px; } } /* Woocommerce Cart */ body.woocommerce-cart .woocommerce-notices-wrapper {margin-top:-15px;} body.page .site-content .shop_table thead tr th {line-height:2.5;font-weight:normal;} body.page .site-content .shop_table tbody tr td.product-thumbnail img {width: 75px;height: auto;border-radius: 12px;} body.page .site-content .shop_table tbody tr td.product-name a {color:black;font-size:15px;} body.page .site-content .shop_table tbody tr td.product-name .variation {font-size:13px;margin-top:5px;} body.page .site-content .shop_table tbody tr td.product-name .variation dt {color: black;font-weight: 300;} body.page .site-content .shop_table .button {font-weight: normal;line-height: 40px;padding: 0 15px;border-radius: 8px;height: 40px;font-size: 13px;transition: 0.3s all;background: var(--custom-primary-color);color: white;} body.page .site-content .shop_table .button:hover {background: var(--custom-primary-color-hover);} body.page .site-content .shop_table #coupon_code {line-height: 40px !important;height: 40px;font-size: 13px;} body.page .site-content .shop_table .coupon .button {background: var(--custom-tertiary-color);color: black;} body.page .site-content .shop_table .coupon .button:hover {background: var(--custom-tertiary-color-hover);} body.woocommerce-cart .site-content .price bdi, body.woocommerce-cart .site-content .amount bdi, body.woocommerce-checkout .site-content .price bdi, body.woocommerce-checkout .site-content .amount bdi {font-size:22px;} body.page .site-content .shop_table .button[name=update_cart] {padding: 0 15px !important;color: white;} body.woocommerce-cart .custom-cart {display: flex;flex-direction: row;gap: 25px;flex-wrap: wrap;margin-bottom: 50px;align-items: flex-start;justify-content: space-between;} body.woocommerce-cart .custom-cart .cart-collaterals {width: 300px;display: flex;flex-direction: column;box-shadow: 0 1px 1px #e9ebed;border-radius: 18px;background-color: #ffffff;position: sticky;top: 25px;box-sizing:border-box;padding:14px 20px;} body.woocommerce-cart .custom-cart .woocommerce-cart-form {width: calc((100% - 25px) - 300px);flex-grow: 1;box-shadow: 0 1px 1px #e9ebed;border-radius:18px;background-color: #ffffff;} body.page .site-content .shop_table table.shop_table {border:0;} body.woocommerce-cart .cart_totals {width: 100% !important;float: unset;display: flex;flex-direction: column;gap: 10px;} body.woocommerce-cart .cart_totals h2 {font-weight: normal;font-size: 14px;word-spacing: -1px;border-bottom: 1px solid #ddd;padding-bottom: 12px;line-height: 2;} body.woocommerce-cart .cart_totals .shop_table {border: 0;width: 100%;margin-bottom: 0;} body.woocommerce-cart .cart_totals .shop_table th {padding-right:0;font-weight:300;line-height: 2;} body.woocommerce-cart .cart_totals .shop_table td {padding-left:0;text-align:left;line-height: 1.5;} body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {padding:0;} body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button {margin: 0 0 5px 0;background: var(--custom-tertiary-color);color: black;font-weight: normal;font-size: 15px;border-radius: 8px;line-height: 50px;padding: 0 10px;height: 50px;transition: 0.3s all;} body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:hover {background: var(--custom-tertiary-color-hover);color:black;} body.page .custom-title {margin: 15px 0;font-weight: 600;font-size: 20px;word-spacing: -1px;} body.page .custom-title {display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 10px;} body.page .custom-title a {display: flex;flex-direction: row-reverse;align-items: center;gap: 5px;color: gray;word-spacing: -1px;transition:0.3s all;font-weight:normal;font-size:13px;} body.page .custom-title a i {font-size:16px;} body.page .custom-title a:hover {color:black;} body .header-cart-page {display:flex;justify-content:space-between;align-items:flex-end;padding:0 50px;position:relative;margin:25px 0;} body .header-cart-page::before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:-1;background-color:#edeeef;width:100%;height:1px;} body .header-cart-page .item span {display:block;} body .header-cart-page .item .icn {background-image:url('https://gamaloop.com/wp-content/themes/gama/img/bg-cart-title.png');background-repeat:no-repeat;background-size:cover;box-shadow:0 -1px 1px #e9ebed;border-radius:15px;width:43px;height:51px;text-align:center;line-height:60px;} body .header-cart-page .item .icn svg {width:20px;height:20px;fill:#535a60;} body .header-cart-page .item.completing .icn svg {width:20px;height:20px;fill:#0735d3;} body .header-cart-page .item {position:relative;flex:1;} body .header-cart-page .item.completing::before {content:'';position:absolute;top:50%;width:100%;height:2px;left:-18px;z-index:1;background-color:#0735d3;border-radius:1px;} body .header-cart-page .item.completing:last-child:before {content:none;} body .header-cart-page .item.completing .circle::before {background-color:#0735d3;} body .header-cart-page .item:last-child {width:-moz-max-content;width:max-content;flex:unset;} body .header-cart-page .item .circle {border:1px solid #535a60;background-color:#ffffff;width:10px;height:10px;border-radius:100%;border:1px solid rgba(83,90,96,0.3);background-color:#ffffff;position:relative;margin-right:18px;margin-bottom:-4px;z-index:5;margin-bottom:13px;} body .header-cart-page .item span:last-child {color:#535a60;font-size:14px;font-weight:500;line-height:2.792rem;width:-moz-max-content;width:max-content;} body .header-cart-page .item.completing span:last-child {color:#0735d3;} body .header-cart-page .item:first-child span:last-child {margin-right:-27px;} body .header-cart-page .item:nth-child(2) span:last-child {margin-right:-7px;} body .header-cart-page .item:nth-child(3) span:last-child {margin-right:-37px;} body .header-cart-page .item:nth-child(4) span:last-child {margin-right:-13px;} body .header-cart-page .item .circle::before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:100%;background-color:#535a60;} /* Woocommerce Checkout */ body.woocommerce-checkout form.checkout #order_review_heading, body.woocommerce-checkout form.checkout #customer_details h3 {font-weight: 600;font-size: 18px;word-spacing: -1px;} body.woocommerce-checkout form.checkout {display: flex;flex-direction: column;gap: 10px;margin-bottom:40px;} body.woocommerce-checkout form.checkout table.shop_table {width: 100%;flex-grow: 1;border: 0;box-shadow: 0 1px 1px #e9ebed;border-radius: 18px;background-color: #ffffff;box-sizing: border-box;padding: 12px 15px;} body.woocommerce-checkout form.checkout .custom-order-details {display: flex;flex-direction: row;gap: 15px;flex-wrap: wrap;align-items: flex-start;} body.woocommerce-checkout form.checkout .custom-order-details #customer_details {width: 50%;display: flex;flex-direction: column;gap: 25px;} body.woocommerce-checkout form.checkout .custom-order-details #customer_details:after, body.woocommerce-checkout form.checkout .custom-order-details #customer_details:before {display:none;} body.woocommerce-checkout form.checkout .custom-order-details #customer_details .col-1, body.woocommerce-checkout form.checkout .custom-order-details #customer_details .col-2 {float:unset;width:100%;margin:0;box-shadow: 0 1px 1px #e9ebed;border-radius: 18px;background-color: #ffffff;box-sizing: border-box;padding: 15px;} body.woocommerce-checkout form.checkout .custom-order-details .custom-order-review {flex-grow: 1;position: sticky;top: 15px;box-shadow: 0 1px 1px #e9ebed;border-radius: 18px;background-color: #ffffff;box-sizing: border-box;padding: 15px;width: calc(50% - 30px);} body.woocommerce-checkout form.checkout .custom-order-details .custom-order-review #payment {background:unset;} body.woocommerce-checkout #payment ul.payment_methods {padding: 0;border-bottom:0;} body.woocommerce-checkout #payment ul.payment_methods li {border-bottom: 1px solid #ddd;padding: 15px 0;} body.woocommerce-checkout #payment ul.payment_methods li input {line-height: 0 !important;height: auto;position: relative;bottom: -2px;} body.woocommerce-checkout #payment ul.payment_methods li img {max-height:25px;width:auto;} body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woo_saderat_payment img {max-height:35px;} body.woocommerce-checkout #payment #place_order {font-weight: normal;font-size: 15px;padding: 0 50px;line-height: 45px;height: 45px;border-radius: 8px;background: var(--custom-tertiary-color);color: black;transition: 0.3s all;} body.woocommerce-checkout #payment #place_order:hover {background: var(--custom-tertiary-color-hover);} body.woocommerce-checkout #payment div.payment_box {margin-bottom:0;background: #f5f5f5;border-radius: 100px;} body.woocommerce-checkout #payment div.payment_box:before {border-bottom-color: #f5f5f5;} body.woocommerce-checkout #payment div.form-row {padding:18px 0;} body.woocommerce-checkout #payment div.form-row .woocommerce-terms-and-conditions {border-radius: 18px;border: 0;background: #fafafa;font-weight: normal;} /* Woocommerce Account */ body.woocommerce-account .woocommerce-MyAccount-content {display: flex;flex-direction: column;box-shadow: 0 1px 1px #e9ebed;border-radius: 18px;background-color: #ffffff;box-sizing: border-box;flex-grow: 1;padding: 20px 15px;width: calc(75% - 25px);float: unset !important;} body.woocommerce-account .woocommerce-MyAccount-navigation {flex-grow:1;box-shadow: 0 1px 1px #e9ebed;border-radius: 18px;background-color: #ffffff;padding: 20px 15px;box-sizing: border-box;flex-grow: 1;width:100% !important;} body.woocommerce-account .woocommerce {margin-bottom: 25px;display: flex;flex-direction: row;gap: 25px;align-items: flex-start;} body.woocommerce-account .custom-dashboard-count {order: -1;display: flex;flex-direction: row;gap: 15px;justify-content: space-between;align-items: stretch;margin-bottom:15px;} body.woocommerce-account .custom-dashboard-count li {width: calc((100% - 45px) / 4);display: flex;flex-direction: column;flex-grow:1;} body.woocommerce-account .custom-dashboard-count li a {background: var(--custom-primary-color);color: white;display: flex;border-radius: 20px;padding: 20px;align-items: center;gap: 5px;justify-content: space-between;} body.woocommerce-account .custom-dashboard-count li a span {display: flex;flex-direction: column;line-height: 1.5;font-weight: normal;font-size: 13px;} body.woocommerce-account .custom-dashboard-count i {font-size:30px;} body.woocommerce-account .woocommerce-MyAccount-content p a {transition:0.3s all;color: var(--custom-primary-color);} body.woocommerce-account .woocommerce-MyAccount-content p a:hover {color:gray;} body.woocommerce-account .woocommerce-MyAccount-navigation ul li {padding: 15px 0;border-bottom: 1px solid #ddd;color: black;} body.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {border-bottom:0;} body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {color:black;display:flex;flex-direction:row;align-items:center;gap:10px;transition:0.3s all;} body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {opacity:0.8;} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {color: var(--custom-primary-color);} body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {content:"\f359";font-family:'Font Awesome 5 Free';font-weight:900;font-size:25px;line-height:1;} body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::after {content:'\f104';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:auto;line-height:1;font-size:17px;} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {content:"\f015";} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {content:"\f291";} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {content:"\f019";} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {content:"\f279";} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {content:"\f303";} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {content:"\f2f5";} body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:before {content:"\f004";} .custom-account-navigation {width: 25%;display: flex;flex-direction: column;gap: 25px;} .custom-account-profile {box-shadow: 0 1px 1px #e9ebed;border-radius: 18px 75% 18px 18px;background-color: #ffffff;padding: 20px 15px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 5px;} body.woocommerce-account .custom-account-navigation .profile-info strong {color: #323232;word-spacing: -1px;} body.woocommerce-account .custom-account-navigation .profile-info ul li small {font-weight:300;font-size:13px;opacity: 0.5;} body.woocommerce-account .custom-account-navigation .profile-info ul li {display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: space-between;} body.woocommerce-account .custom-account-navigation .profile-info ul li strong {color: var(--custom-primary-color);font-weight: bold;} body.woocommerce-account .custom-account-navigation .avatar {width: 90px;border-radius: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.1);} body.woocommerce-account .woocommerce:before, body.woocommerce-account .woocommerce:after {display:none;} body.woocommerce-account .custom-account-navigation .profile-photo {position:relative;width:auto;z-index:1;display: flex;flex-direction: column;align-items: center;} body.woocommerce-account .custom-account-navigation .avatar:nth-child(1) {z-index:3;position:relative;} body.woocommerce-account .custom-account-navigation .avatar:nth-child(2) {position: absolute;right: 2.5%;transform: scale(105%);z-index: 2;filter: blur(5px);top: -2.5%;opacity: 0.2;} body.woocommerce-account .custom-account-navigation .profile-photo::after {content: '';width: 100%;height: 100%;position: absolute;top: -2.5%;right: 0;border: 1px solid #dddd;border-radius: 100%;transform: scale(110%);} body.woocommerce-account .custom-account-navigation .profile-photo::before {content: '';width: 100%;height: 100%;position: absolute;top: -2.5%;right: 0;border: 1px solid #eee;border-radius: 100%;transform: scale(130%);opacity:0.5;} body.woocommerce-edit-address .woocommerce-MyAccount-content p {margin: 0 0 10px 0;} body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {box-sizing: border-box;border-radius: 18px;} body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header {background: #fafafa;border-radius: 18px 18px 0 0;padding: 10px 15px;} body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {border: 1px solid #eee;box-sizing: border-box;border-radius: 0 0 18px 18px;padding: 15px;font-weight: 300;} body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header a {color: var(--custom-primary-color);transition:0.3s all;} body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header a:hover {color: var(--custom-primary-color-hover);} body.woocommerce-account form button, body.woocommerce-account form .button, body.woocommerce-account form input[type=submit] {background: var(--custom-tertiary-color);color:black;padding: 0 50px;line-height: 45px;height: 45px;border-radius: 8px;transition: 0.3s all;} body.woocommerce-account form button:hover, body.woocommerce-account form .button:hover, body.woocommerce-account form input[type=submit]:hover {background: var(--custom-tertiary-color-hover);} body.woocommerce-edit-address .woocommerce-MyAccount-content form h3 {font-weight: bold;font-size: 18px;word-spacing: -2px;margin-bottom: 5px;display: block;} body.woocommerce-edit-address form input, body.woocommerce-edit-address .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered, body.woocommerce-edit-account form input, body.woocommerce-edit-account .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {padding-right:50px !important;} body.woocommerce-edit-address form .form-row .woocommerce-input-wrapper, body.woocommerce-edit-account form .form-row {position:relative;} body.woocommerce-edit-address form .form-row .woocommerce-input-wrapper::after {content:'\f007';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:50%;right:14px;transform:translate(-0%,-50%);font-size:20px;opacity:0.35;} body.woocommerce-edit-address #shipping_first_name_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_first_name_field .woocommerce-input-wrapper::after {content:'\f007';} body.woocommerce-edit-address #shipping_last_name_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_last_name_field .woocommerce-input-wrapper::after {content:'\f007';} body.woocommerce-edit-address #shipping_company_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_company_field .woocommerce-input-wrapper::after {content:'\f54f';} body.woocommerce-edit-address #shipping_country_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_country_field .woocommerce-input-wrapper::after {content:'\f0ac';} body.woocommerce-edit-address #shipping_state_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_state_field .woocommerce-input-wrapper::after {content:'\f024';} body.woocommerce-edit-address #shipping_city_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_city_field .woocommerce-input-wrapper::after {content:'\f041';} body.woocommerce-edit-address #shipping_address_1_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_address_1_field .woocommerce-input-wrapper::after {content:'\f303';} body.woocommerce-edit-address #shipping_address_2_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_address_2_field .woocommerce-input-wrapper::after {content:'\f303';} body.woocommerce-edit-address #shipping_postcode_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_postcode_field .woocommerce-input-wrapper::after {content:'\f02a';} body.woocommerce-edit-address #shipping_phone_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_phone_field .woocommerce-input-wrapper::after {content:'\f095';} body.woocommerce-edit-address #shipping_email_field .woocommerce-input-wrapper::after, body.woocommerce-edit-address #billing_email_field .woocommerce-input-wrapper::after {content:'\f075';} body.woocommerce-edit-account form .form-row label:after {content:'\f007';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:30px;right:14px;font-size:20px;opacity:0.35;z-index:9;} body.woocommerce-edit-account form .form-row label[for='account_display_name']:after {content:'\f21b';} body.woocommerce-edit-account form .form-row label[for='account_email']:after {content:'\f075';} body.woocommerce-edit-account form .form-row label[for='password_current']:after, body.woocommerce-edit-account form .form-row label[for='password_1']:after, body.woocommerce-edit-account form .form-row label[for='password_2']:after {content:'\f023';} body.woocommerce-account .woocommerce-customer-details .woocommerce-customer-details--phone::before {right: 0 !important;margin-right: 0 !important;} body.woocommerce-account .woocommerce-customer-details--phone {position: relative;} body.woocommerce-account .woocommerce-MyAccount-content ul.products {display: flex;flex-direction: row;gap: 15px;flex-wrap: wrap;width:100%;} body.woocommerce-account .woocommerce-MyAccount-content ul.products:before, body.woocommerce-account .woocommerce-MyAccount-content ul.products:after {display:none;} body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product {margin-left: 0;width: calc((100% - 60px) / 5);position:relative;} body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .woocommerce-loop-product__title {font-size: 15px;color: black;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product img {margin-bottom:0;} body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .button,body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .price del, body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .star-rating {display:none !important;} body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .price {line-height: 1;color: black;} body.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .price bdi {font-size:20px;} body.page:not(.woocommerce-page) .site-content {margin: 25px 0 35px 0;background: white;border-radius: 18px;padding: 15px 20px 20px 20px;box-shadow: 0 0 10px rgba(0,0,0,0.05);line-height: 2.5;box-sizing: border-box;} body.page:not(.woocommerce-page) .site-content .custom-title {margin:0;} body.single-post #main.container {display: flex;flex-direction: row;gap: 25px;margin:35px auto;flex-wrap:wrap;align-items: flex-start;} body.single-post .site-sidebar {width:375px;display: flex;flex-direction: column;gap: 20px;position: sticky;top: 25px;align-self: flex-start;max-height: calc(100vh - 50px);overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;} body.single-post .site-sidebar::-webkit-scrollbar {width: 5px;} body.single-post .site-sidebar::-webkit-scrollbar-track {background: transparent;} body.single-post .site-sidebar::-webkit-scrollbar-thumb {background: #d6d9e4;border-radius: 10px;} body.single-post .site-sidebar::-webkit-scrollbar-thumb:hover {background: var(--custom-primary-color);} body.admin-bar.single-post .site-sidebar {top: 57px;max-height: calc(100vh - 82px);} body.single-post .post .page-title {display: block;clear: both;line-height: 2;font-size: 27px;word-spacing: -3px;font-weight: bold;-webkit-text-stroke: 0.5px;margin-bottom: 15px;} body.single-post .post img.attachment-post-thumbnail {width: 100%;height: auto;border-radius: 18px;} body.single-post .site-sidebar .item-box .box-title {display: block;clear: both;text-align: right;margin: 0px 0 10px 0;font-size: 16px;} body.single-post .site-sidebar .item-box ul .post {flex-direction: row;display: flex;gap: 15px;align-items: center;box-shadow: 0 0 10px rgba(0,0,0,0.025);} body.single-post .site-sidebar .item-box ul .post img.attachment-thumbnail {border-radius: 100%;height: 75px;width: auto;} body.single-post .site-sidebar .item-box ul .post .post-content {box-shadow:unset;flex-grow: 1;display: flex;flex-direction: row;gap: 5px;justify-content: space-between;align-items: center;flex-wrap: wrap;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;} body.single-post .site-sidebar .item-box ul .post .post-content .post-title {padding: 0;border-bottom: 0;width:100%;} body.single-post .site-sidebar .item-box ul .post .post-content .post-title a {font-weight: normal;font-size: 16px;word-spacing: -2px;margin:0;} body.single-post .site-sidebar .item-box ul .post .post-thumbnail {display: flex;flex-direction: column;} body.single-post .site-sidebar .related-posts .related-title {display: flex;flex-direction: row-reverse;text-align: left;align-items: baseline;font-size: 15px;padding: 12px 0 28px 0;opacity: 0.7;gap: 5px;} body.single-post .site-sidebar .related-posts ul li p {line-height: 2;font-size: 13px;display: flex;flex-direction: row;gap: 5px;align-items: center;color: #626262;} body.single-post .site-sidebar .related-posts ul li p i {font-size: 16px;position: relative;top: -1px;} body.single-post .site-sidebar .related-posts ul li p i.fa-clock {color: var(--custom-primary-color);} body.single-post .site-content.post {width: calc(100% - 400px);flex-grow:1;} body .post-content { font-size: 16px; line-height: 40px; color: #3B3B3B; background: white; padding: 15px 25px; border-radius: 18px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } /* فقط متن‌های معمولی جاستیفای شوند */ body .post-content p, body .post-content li, body .post-content blockquote { text-align: justify; word-spacing: -1px; } /* عنوان‌ها راست‌چین باقی بمانند */ body .post-content h1, body .post-content h2, body .post-content h3, body .post-content h4, body .post-content h5, body .post-content h6 { text-align: right; word-spacing: normal; } body.single-post .post-content img, body.single-post .post-content figure { display: block; max-width: 100% !important; margin: 10px auto; border-radius: 12px; box-sizing: border-box; } body.single-post .post-content img { width: auto !important; height: auto !important; } body.single-post .site-sidebar .item-box:not(.related-posts) {background: white;border-radius: 12px;box-shadow: 0 0 10px rgba(0,0,0,0.05);padding: 15px;} body .post-content a {transition:0.3s all;color: var(--custom-primary-color);} body .post-content a:hover {color: var(--custom-primary-color-hover);} body.single-post .site-sidebar .item-box .products-wrapper li {display: flex;flex-direction: column;align-items: flex-start;text-align: right;border-bottom: 1px solid #eee;padding-bottom: 7.5px;margin-bottom: 7.5px;} body.single-post .site-sidebar .item-box .products-wrapper li:last-child {border-bottom:0;padding-bottom:0;margin-bottom:5px;} body.single-post .site-sidebar .item-box ul .item a {color:black;} body.single-post .site-sidebar .item-box .products-wrapper li img {width: 100%;height: auto;margin-bottom: 10px;} body.single-post .site-sidebar .item-box .products-wrapper li a {display: flex;flex-direction: row-reverse;width: 100%;text-align: left;gap: 10px;align-items: center;} body.single-post .post .post-detail {display: flex;flex-direction: row;gap: 15px;margin: 15px 0 25px 0;align-items: center;justify-content: space-between;flex-wrap:wrap;} body.single-post .post .post-detail li {background: white;border-radius: 18px;overflow: hidden;width: calc((100% - 45px) / 4);flex-grow: 1;align-self: stretch;display: flex;flex-direction: row;gap: 10px;justify-content: space-between;align-items: center;padding: 15px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.05);} body.single-post .post .post-detail li a {display: flex;flex-direction: row;gap: 10px;justify-content: space-between;align-items: center;width: 100%;height: 100%;color: inherit;text-decoration: none;} body.single-post .post .post-detail li span {display: flex;flex-direction: column;} body.single-post .post .post-detail li span small {font-size: 13px;font-weight: 300;line-height: 1.5;color: #424242;} body.single-post .post .post-detail li i {font-size: 30px;color: var(--custom-primary-color);} body.single-post .post .post-detail li img {height: 45px;width: auto;border-radius: 100%;} .post-content h1, .post-content h2, .post-content h3, .post-content h4 {font-size: 25px !important;word-spacing: -2px;} /* Single blog post typography. * Keep these rules scoped to the article body so similarly named content boxes * in pages, archives and the post sidebar retain their existing appearance. */ body.single-post .site-content.post > .post-content > .post-body-content { font-size: clamp(15px, 1.2vw, 16px); font-weight: 400; line-height: 2.15; } body.single-post .site-content.post > .post-content > .post-body-content p { margin: 0 0 20px; font-size: 1em; font-weight: 400; line-height: 2.15; } body.single-post .site-content.post > .post-content > .post-body-content h1, body.single-post .site-content.post > .post-content > .post-body-content h2, body.single-post .site-content.post > .post-content > .post-body-content h3, body.single-post .site-content.post > .post-content > .post-body-content h4, body.single-post .site-content.post > .post-content > .post-body-content h5, body.single-post .site-content.post > .post-content > .post-body-content h6 { clear: both; color: #20242c; font-family: inherit; font-weight: 600; line-height: 1.7; text-align: right; word-spacing: normal; } body.single-post .site-content.post > .post-content > .post-body-content h1 { margin: 44px 0 18px; font-size: clamp(26px, 2.3vw, 30px) !important; } body.single-post .site-content.post > .post-content > .post-body-content h2 { margin: 40px 0 16px; font-size: clamp(23px, 2vw, 26px) !important; } body.single-post .site-content.post > .post-content > .post-body-content h3 { margin: 34px 0 14px; font-size: clamp(20px, 1.7vw, 22px) !important; } body.single-post .site-content.post > .post-content > .post-body-content h4 { margin: 28px 0 12px; font-size: clamp(18px, 1.45vw, 19px) !important; } body.single-post .site-content.post > .post-content > .post-body-content h5 { margin: 24px 0 10px; font-size: 17px; font-weight: 600; } body.single-post .site-content.post > .post-content > .post-body-content h6 { margin: 22px 0 8px; font-size: 16px; font-weight: 600; } body.single-post .site-content.post > .post-content > .post-body-content > :first-child { margin-top: 0; } body.single-post .site-content.post > .post-content > .post-body-content > :last-child { margin-bottom: 0; } body.page-template-page-rules, body.page-template-page-rules-php { background: #f7f9fc; } .rules-template { margin: 70px auto 70px; } #main.rules-template { margin-top: 70px; margin-bottom: 80px; } .rules-template .rules-layout { display: grid; grid-template-columns: 365px minmax(0, 1fr); gap: 30px; align-items: start; direction: rtl; } .rules-template .rules-sidebar { min-width: 0; position: sticky; top: 24px; align-self: start; padding: 18px; box-sizing: border-box; border-radius: 18px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.04); } .rules-template .rules-sticky { display: flex; flex-direction: column; gap: 12px; } .rules-template .rules-summary-card { display: flex; min-height: 164px; padding: 28px 22px 24px; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; gap: 20px; border-radius: 14px; background: #f2f5fb; color: #17202b; text-align: center; } .rules-template .rules-summary-card strong { font-size: 16px; font-weight: 900; line-height: 1.9; } .rules-template .rules-shield { display: flex; align-items: center; justify-content: center; width: 42px; height: 54px; } .rules-template .rules-shield svg { display: block; width: 42px; height: 54px; } .rules-template .rules-shield img { display: block; width: 100%; height: 100%; object-fit: contain; } .rules-template .rules-shield svg .shield-bg { fill: #ff1f3d; } .rules-template .rules-shield svg .shield-check { fill: none; stroke: #fff; stroke-width: 5.5; stroke-linecap: round; stroke-linejoin: round; } .rules-template .rules-note { padding: 22px 24px; border-radius: 14px; background: #ecfbf6; color: #168060; font-size: 13px; font-weight: 700; line-height: 1.8; text-align: justify; } .rules-template .rules-note p { margin: 0; } .rules-template .rules-nav { margin-top: 18px; border-top: 1px solid #d9e0ea; } .rules-template .rules-nav ul { margin: 0; padding: 0; list-style: none; } .rules-template .rules-nav li { margin: 0; border-bottom: 1px solid #d9e0ea; } .rules-template .rules-nav a { display: flex; min-height: 40px; padding: 0 0 0 4px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 14px; color: #7d899c; font-size: 13px; font-weight: 700; line-height: 1.7; text-decoration: none; transition: 200ms all ease-in-out; } .rules-template .rules-nav a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rules-template .rules-nav a i { color: #8ea0b7; font-size: 14px; transition: inherit; } .rules-template .rules-nav a:hover, .rules-template .rules-nav a.is-active { color: #152033; } .rules-template .rules-nav a:hover i, .rules-template .rules-nav a.is-active i { color: var(--custom-primary-color); transform: translateX(-3px); } .rules-template .rules-content { min-width: 0; padding: 34px 38px; box-sizing: border-box; border-radius: 18px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.04); color: #111; } .rules-template .rules-section { scroll-margin-top: 34px; margin-bottom: 42px; } .rules-template .rules-section h2 { margin: 0 0 22px; color: #090909; font-size: 21px; font-weight: 900; line-height: 1.9; text-align: right; word-spacing: -2px; } .rules-template .rules-section-text { color: #111; font-size: 15px; font-weight: 400; line-height: 2.4; text-align: justify; word-spacing: -1px; } .rules-template .rules-section-text p, .rules-template .rules-section-text ul, .rules-template .rules-section-text ol, .rules-template .rules-section-text li { margin: 0 0 18px; font-weight: 400; } .rules-template .rules-section-text p:last-child, .rules-template .rules-section-text ul:last-child, .rules-template .rules-section-text ol:last-child, .rules-template .rules-section-text li:last-child { margin-bottom: 0; } .rules-template .rules-section-text ul, .rules-template .rules-section-text ol { margin-right: 0; padding-right: 24px; list-style-position: outside; } .rules-template .rules-section-text ol { list-style: decimal; } .rules-template .rules-section-text ul { list-style: disc; } .rules-template .rules-section-text li { display: list-item; } .rules-template .rules-section-text a { color: var(--custom-primary-color); } .rules-template .rules-section-text img, .rules-template .rules-section-text figure { max-width: 100%; height: auto; border-radius: 14px; } @media (max-width: 1199px) { .rules-template .rules-layout { grid-template-columns: 320px minmax(0, 1fr); gap: 28px; } } @media (max-width: 991px) { #main.rules-template, .rules-template { margin-top: 35px; margin-bottom: 45px; } .rules-template .rules-layout { grid-template-columns: 1fr; } .rules-template .rules-sticky { position: static; } .rules-template .rules-sidebar { position: static; } .rules-template .rules-nav ul { max-height: 250px; overflow: auto; } } @media (max-width: 575px) { .rules-template .rules-summary-card { min-height: 140px; padding: 24px 18px; } .rules-template .rules-note { padding: 18px 16px; } .rules-template .rules-sidebar, .rules-template .rules-content { padding: 18px; } .rules-template .rules-section h2 { font-size: 18px; } .rules-template .rules-section-text { font-size: 14px; line-height: 2.7; } } /* 404 Page */ .not-found-template { margin: 55px auto 75px; } .not-found-box { display: flex; margin: 50px auto; padding: 34px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 34px; border: 1px solid #edf0f5; border-radius: 20px; background: #fff; box-shadow: 0 12px 35px rgba(12,32,72,0.07); overflow: hidden; } .not-found-content { flex: 1; min-width: 0; } .not-found-badge { display: inline-flex; margin-bottom: 12px; padding: 5px 12px; border-radius: 100px; background: #eef3ff; color: var(--custom-primary-color); font-size: 13px; font-weight: 700; } .not-found-code { color: #0b1220; font-size: 108px; font-weight: 900; line-height: 0.9; letter-spacing: 0; } .not-found-box h1 { margin: 0 0 10px; color: #111; font-size: 28px; font-weight: 800; line-height: 1.8; word-spacing: -2px; } .not-found-box p { max-width: 520px; margin: 0 0 24px; color: #5f6875; font-size: 15px; font-weight: 300; line-height: 2; } .not-found-search { display: flex; max-width: 450px; margin: 0 0 18px; gap: 10px; } .not-found-search .dgwt-wcas-search-wrapp, .not-found-search .dgwt-wcas-search-form { width: 100%; max-width: 100%; } .not-found-search .dgwt-wcas-sf-wrapp { position: relative !important; display: flex !important; align-items: stretch; padding: 0 !important; gap: 10px; background: transparent !important; overflow: visible !important; } .not-found-search .dgwt-wcas-sf-wrapp:before, .not-found-search .dgwt-wcas-sf-wrapp:after { display: none !important; content: none !important; } .not-found-search input, .not-found-search .dgwt-wcas-search-input { flex: 1; min-width: 0; height: 44px !important; line-height: 44px !important; padding: 0 15px !important; border: 1px solid #e0e5ee !important; border-radius: 8px !important; background: #f9fafc !important; box-shadow: unset !important; font-family: yekan bakh !important; font-size: 14px !important; outline: 0 !important; } .not-found-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { width: 100% !important; padding: 0 15px !important; } .not-found-search button, .not-found-search .dgwt-wcas-search-submit, .not-found-actions a { height: 44px; padding: 0 20px; border: 0; border-radius: 8px; background: var(--custom-primary-color); color: #fff; font-family: yekan bakh; font-size: 14px; line-height: 44px; transition: 0.3s all; white-space: nowrap; } .not-found-search button, .not-found-search .dgwt-wcas-search-submit, .not-found-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; } .not-found-search .dgwt-wcas-search-submit { position: static !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; min-width: 112px; min-height: 44px !important; margin: 0 !important; padding: 0 20px !important; background: var(--custom-primary-color) !important; color: #fff !important; box-shadow: unset !important; transform: none !important; } .not-found-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { position: static !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; display: inline-flex !important; min-width: 112px !important; width: auto !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 20px !important; border-radius: 8px !important; background: var(--custom-primary-color) !important; color: #fff !important; line-height: 44px !important; box-shadow: unset !important; transform: none !important; } .not-found-search .dgwt-wcas-search-submit:before { display: none !important; } .not-found-search .dgwt-wcas-search-submit:after { content: 'جستجو'; } .not-found-search .dgwt-wcas-ico-magnifier { width: 16px; height: 16px; margin: 0; } .not-found-search .dgwt-wcas-ico-magnifier path { fill: #fff; } .not-found-search .dgwt-wcas-preloader { top: 50% !important; transform: translateY(-50%); } .not-found-search .dgwt-wcas-sf-wrapp { display: block !important; } .not-found-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input, .not-found-search .dgwt-wcas-search-input { width: 100% !important; padding-left: 48px !important; } .not-found-search .dgwt-wcas-search-submit, .not-found-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { position: absolute !important; top: 13px !important; right: auto !important; left: 0 !important; bottom: auto !important; display: flex !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 8px 0 0 8px !important; background: transparent !important; color: #7d899c !important; line-height: 44px !important; box-shadow: unset !important; transform: none !important; pointer-events: none; z-index: 2; } .not-found-search .dgwt-wcas-search-submit:after { display: none !important; content: none !important; } .not-found-search .dgwt-wcas-ico-magnifier { display: block; width: 16px; height: 16px; margin: 0 !important; } .not-found-search .dgwt-wcas-ico-magnifier path { fill: #7d899c !important; } .not-found-search button:hover, .not-found-search .dgwt-wcas-search-submit:hover, .not-found-actions a:hover { background: var(--custom-primary-color-hover); } .not-found-search .dgwt-wcas-search-submit:hover, .not-found-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover { background: transparent !important; } .not-found-actions { display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap; } .not-found-actions a:last-child { background: #eef2f7; color: #111; } .not-found-actions a:last-child:hover { background: #e0e6ef; } .not-found-visual { position: relative; flex: 0 0 285px; min-height: 255px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: linear-gradient(145deg, #f5f7fb, #edf2ff); } .not-found-visual:before { content: ''; position: absolute; inset: 22px; border: 1px dashed #cbd6ea; border-radius: 15px; } .not-found-card { position: absolute; right: 28px; bottom: 30px; display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border-radius: 10px; background: #fff; color: #172033; box-shadow: 0 10px 25px rgba(12,32,72,0.12); font-size: 13px; line-height: 1; } .not-found-card i { color: var(--custom-primary-color); font-size: 18px; } .not-found-visual.image-visual { padding: 0; align-self: stretch; background: #f5f7fb; } .not-found-visual.image-visual img { display: block; width: 100%; height: 100%; min-height: 255px; object-fit: contain; object-position: center; padding: 18px; box-sizing: border-box; } @media (min-width: 768px) { .not-found-visual.image-visual { flex: 0 0 550px; min-height: 360px; } .not-found-visual.image-visual img { min-height: 360px; padding: 10px; } } @media (max-width: 767px) { .not-found-box { flex-direction: column-reverse; align-items: stretch; } .not-found-visual { flex: 0 0 auto; min-height: 180px; } .not-found-visual.image-visual img { min-height: 180px; } .not-found-code { font-size: 86px; } } @media (max-width: 575px) { .not-found-template { margin: 35px auto 50px; } .not-found-box { padding: 18px; gap: 22px; } .not-found-code { font-size: 72px; } .not-found-box h1 { font-size: 20px; line-height: 1.7; } .not-found-box p { font-size: 14px; } .not-found-search { flex-direction: column; } .not-found-search .dgwt-wcas-sf-wrapp { flex-direction: column; } .not-found-search button, .not-found-search .dgwt-wcas-search-submit, .not-found-actions a { width: 100%; box-sizing: border-box; } .not-found-search .dgwt-wcas-search-submit, .not-found-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { width: 44px !important; min-width: 44px !important; box-sizing: border-box; } }