/*
Theme Name: Armzbut
Author: Артем
Author URI: https://artem.dp.ua
Description: Armzbut — современная и легкая тема WordPress.
Requires at least: 6.7
Template: blocksy
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: armzbut
*/
:root{
--swiper-navigation-size: 30px;
--swiper-navigation-color: var(--theme-palette-color-4);
--swiper-pagination-color: var(--theme-palette-color-4)
}
.ct-header-search.ct-toggle{
width: 300px;
justify-content: space-between;
padding: 5px 10px !important;
border: 1px solid var(--theme-palette-color-6) !important;
border-radius: 3px !important;
}
/* === Header text links styling (Blocksy) === */
.ct-header-text[data-id="text"] .entry-content{
display:flex;
flex-wrap:wrap;
align-items:center;
}
/* базово: делаем место под иконку слева */
.ct-header-text[data-id="text"] .entry-content a{
position:relative;
display:inline-flex;
align-items:center;
margin: 0;
padding-left:22px; /* место под svg */
line-height:1.2;
}
.ct-header-text[data-id="text"] .entry-content a.ct-address,
.ct-header-text[data-id="text"] .entry-content a.lang-switch{
margin-left: 20px;
}
.ct-header-text[data-id="text"] .entry-content a.lang-switch{
text-transform: uppercase;
}
/* SVG как фон (подставьте свои файлы) */
.ct-header-text[data-id="text"] .entry-content a.ct-phone::before,
.ct-header-text[data-id="text"] .entry-content a.ct-address::before,
.ct-header-text[data-id="text"] .entry-content a.lang-switch::before{
content:"";
position:absolute;
left:0;
width:16px;
height:16px;
color: var(--theme-palette-color-3);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
opacity:.9;
}
/* 1-й телефон — иконка слева */
.ct-header-text[data-id="text"] .entry-content a.ct-phone:first-of-type::before{
background-image:url("data:image/svg+xml;utf8,");
}
/* адрес — иконка слева */
.ct-header-text[data-id="text"] .entry-content a.ct-address::before{
background-image:url("data:image/svg+xml;utf8,");
}
/* переключатель языка — иконка слева */
.ct-header-text[data-id="text"] .entry-content a.lang-switch::before{
background-image:url("data:image/svg+xml;utf8,");
}
/* === Точка между телефонами только если есть второй телефон === */
/* точку рисуем у второго телефона, а не отдельным узлом */
.ct-header-text[data-id="text"] .entry-content a.ct-phone + a.ct-phone{
padding-left:25px;
}
.ct-header-text[data-id="text"] .entry-content a.ct-phone + a.ct-phone::before{
content:"•";
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
width:auto;
height:auto;
background:none;
font-size:16px;
line-height:1;
opacity:.8;
}
@media (min-width: 1000px) and (max-width: 1200px) {
.ct-header-text[data-id="text"] .entry-content{
position: relative;
}
.ct-header-text[data-id="text"] .entry-content a.ct-phone + a.ct-phone{
display: block;
position: absolute;
background: var(--theme-palette-color-7);
padding: 0 6px 5px 23px;
border-radius: 0 0 3px 3px;
top: 30px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-4px);
transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
z-index: 5;
}
/* показываем при взаимодействии с первым */
.ct-header-text[data-id="text"] .entry-content a.ct-phone:first-of-type:hover + a.ct-phone,
.ct-header-text[data-id="text"] .entry-content a.ct-phone:first-of-type:focus + a.ct-phone,
.ct-header-text[data-id="text"] .entry-content a.ct-phone:first-of-type:focus-visible + a.ct-phone,
/* удерживаем показ, когда уже навели на второй */
.ct-header-text[data-id="text"] .entry-content a.ct-phone + a.ct-phone:hover,
.ct-header-text[data-id="text"] .entry-content a.ct-phone + a.ct-phone:focus,
.ct-header-text[data-id="text"] .entry-content a.ct-phone + a.ct-phone:focus-visible{
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
transition: opacity .15s ease, transform .15s ease, visibility 0s;
}
/* если у вас есть "•" между телефонами — убираем в этом диапазоне */
.ct-header-text[data-id="text"] .entry-content a.ct-phone + a.ct-phone::before{
content: none;
}
}
@media (max-width: 999.98px) {
.ct-header-search.ct-toggle {
width: 240px;
padding: 4px 10px !important;
}
}
@media (min-width: 690px) and (max-width: 787px){
.ct-header-search.ct-toggle {
width: 180px;
}
}
@media (max-width: 689.98px) {
#header [data-column-set="3"] > div{
grid-template-columns: 2.5fr 1fr 1fr;
}
.ct-header-search.ct-toggle {
width: 35px;
padding: 4px 10px !important;
height: 35px;
}
/* Убираем текст */
.ct-header-cta a{
font-size:0;
position:relative;
display:flex;
align-items:center;
justify-content:center;
padding: 7px;
}
/* Добавляем иконку */
.ct-header-cta a::before{
content:"";
width:20px;
height:20px;
background-color: currentColor;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,");
}
}
.entry-content p img{
border-radius: 10px;
}
.home-page .section-header{
margin-bottom: 30px;
}
.home-hero {
position: relative;
}
.home-hero__slide {
aspect-ratio: 16 / 5;
}
.home-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-catalog {
padding: 80px 0;
}
.home-catalog__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.home-catalog .catalog-card {
background: #f7f7f7;
padding: 30px;
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.catalog-card__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.catalog-card__title {
font-family: var(--theme-font-family-header);
font-size: 24px;
line-height: 26px;
}
.catalog-card__icon {
width: 60px;
height: auto;
}
.catalog-card__list {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
height: 100%;
}
.catalog-card__list li {
display: flex;
justify-content: space-between;
line-height: 18px;
margin-bottom: 16px;
}
.catalog-card__list li a{
color: var(--theme-text-color);
}
.catalog-card__list li a:hover{
color: var(--theme-palette-color-1);
}
.catalog-card__count {
opacity: 0.5;
margin-left: 10px;
align-content: center;
}
@media (max-width: 1200px) {
.home-catalog__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.home-catalog__grid {
grid-template-columns: 1fr;
}
}
.home-about {
padding: 100px 0;
}
.home-about__grid {
display: grid;
gap: 60px;
align-items: center;
}
.home-about__grid.has-image {
grid-template-columns: 1.2fr 1fr;
}
.home-about__grid.no-image {
grid-template-columns: 1fr;
}
.home-about__content {
line-height: 1.7;
}
.home-about__image {
text-align: right;
}
.home-about__img {
width: 100%;
height: auto;
border-radius: 10px;
object-fit: cover;
}
@media (max-width: 992px) {
.home-about__grid.has-image {
grid-template-columns: 1fr;
}
.home-about__image {
order: -1; /* картинка сверху на мобиле */
}
}
.wpcf7 form .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 13px;
font-weight: normal;
display: block;
position: absolute;
bottom: -19px;
right: 10px;
background-color: var(--theme-palette-color-8);
padding: 0 5px;
max-width: 90%;
}
.wpcf7 form .wpcf7-response-output {
border-radius: 3px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.wpcf7 form label:not(.wpcf7-form-control-wrap){
font-size: 16px;
font-weight: 400;
}
.cf7-row {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.cf7-col {
flex: 1;
}
.cf7-row.full {
display: block;
}
.cf7-hint{
font-size: 13px;
font-weight: normal;
display: block;
position: absolute;
bottom: -7px;
right: 10px;
background-color: var(--theme-palette-color-8);
padding: 0 5px;
max-width: 90%;
}
.cf7-row.accept label {
display: flex;
gap: 10px;
align-items: baseline;
}
.cf7-row.submit {
text-align: right;
margin-bottom: 0;
}
.fld {
position: relative;
}
.fld label {
position: absolute;
left: 15px; /* подгони под свои отступы темы */
top: 19px; /* будет примерно по центру поля */
transform: translateY(-50%);
transition: 0.2s ease;
pointer-events: none;
border-radius: 10px;
background-color: var(--theme-palette-color-8);
}
/* когда есть фокус или значение — поднимаем метку */
.fld.is-focused label,
.fld.is-filled label {
top: -15px; /* над полем */
transform: none;
left: 10px;
padding: 0 4px;
color: var(--theme-palette-color-1);
opacity: 1;
}
/* Показать */
.fld.show, .fld .show,
.cf7-row.show {
position: relative;
height: auto;
opacity: 1;
overflow: visible;
background-color: var(--theme-palette-color-8);
}
/* Адаптив */
@media (max-width: 768px) {
.cf7-row {
flex-direction: column;
}
.full.show p{display: flex;}
.full.show p .wpcf7-list-item{margin: 0;}
img.alignleft, img.alignright {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.custom-popup {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
background: rgba(138,147,163,.0);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .25s ease, visibility .25s ease;
}
.custom-popup.active {
opacity: 1;
visibility: visible;
background: rgba(138,147,163,.8);
pointer-events: auto;
}
/* Контент */
.custom-popup-content {
background: var(--theme-palette-color-8);
padding: 40px;
max-width: 500px;
width: 90%;
border-radius: 8px;
box-shadow: 0 10px 25px 4px rgba(138,147,163,.8);
transform: translateY(40px) scale(.96);
opacity: 0;
transition:
transform .35s cubic-bezier(.22,.61,.36,1),
opacity .3s ease;
}
.custom-popup.active .custom-popup-content {
transform: translateY(0) scale(1);
opacity: 1;
}
.custom-popup-content .title3{
color: var(--theme-palette-color-1);
font-size: 24px;
margin-bottom: 15px;
line-height: 24px;
}
.custom-popup-content .title3 .item-title{
display: block;
width: 100%;
margin-top: 10px;
font-size: 20px;
line-height: 22px;
color: var(--theme-text-color);
}
.custom-popup-content .wpforms-container{
margin: 0;
position: relative;
}
.custom-popup-content .wpforms-confirmation-container{
margin: -50px -2px 0;
}
.custom-popup-close {
position: absolute;
height: 20px;
line-height: 16px;
top: 14px; right: 15px;
font-size: 24px;
text-decoration: none;
color: var(--theme-palette-color-1);
}
.custom-popup-close:hover{color: var(--theme-palette-color-2);}
.cf7-toast {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background: var(--theme-palette-color-1);
color: #fff;
padding: 14px 24px;
border-radius: 6px;
font-size: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,.15);
opacity: 0;
transition: .3s ease;
z-index: 10000;
pointer-events: none;
}
.cf7-toast.show {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.tax-catalog_category .ct-title-label{
display: none;
}
.catalog-subcategories-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}
.catalog-subcategory-card,
.entry-card.type-catalog,
.home-catalog .catalog-card{
display:block;
padding: 10px;
background:var(--theme-palette-color-8);
border:1px solid var(--theme-palette-color-7);
border-radius:10px;
overflow:hidden;
transition:all .25s ease;
}
.home-catalog .catalog-card{
display: flex;
padding: 20px;
}
.entry-card.type-catalog{
display: flex;
}
.catalog-subcategory-card:hover,
.entry-card.type-catalog:hover,
.home-catalog .catalog-card:hover{
transform:translateY(-6px);
border-color: var(--theme-border-color);
box-shadow:0 20px 40px rgba(0,0,0,.05);
}
.catalog-subcategory-card__image{
width:100%;
aspect-ratio:1/1;
object-fit:contain;
background:#f8f8f8;
}
.catalog-subcategory-card__content{
padding:20px 10px 0;
}
.catalog-subcategory-card__title{
font-size: 24px;
text-align: center;
}
.catalog-subcategory-card__excerpt{
font-size:14px;
opacity:.7;
margin:8px 0 12px;
}
.catalog-term-description{
margin: 40px auto;
font-size: 16px;
line-height: 1.6;
opacity: .85;
}
.entry-card .entry-title{
padding: 0 10px;
font-family: var(--theme-font-family);
}
.entry-button[class*="ct-button"]{
min-height: 30px;
margin: 0 auto;
}
[data-prefix="catalog_archive"] .entry-content .ct-search-form{
display: none;
}
@media (max-width: 1024px) {
.catalog-subcategories-grid {
grid-template-columns: repeat(3,1fr);
}
}
@media (max-width: 768px) {
.catalog-subcategories-grid {
grid-template-columns: repeat(1,1fr);
}
}
.contacts-page {
padding: 60px 0;
}
.contacts-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
}
.contacts-grid .contacts-form{
padding: 40px;
border-radius: 10px;
background-color: var(--theme-palette-color-7);
}
.vacancy-form-block .fld label,
.vacancy-form-block .wpcf7 form .wpcf7-not-valid-tip,
.contacts-grid .contacts-form .fld label,
.contacts-grid .contacts-form .wpcf7 form .wpcf7-not-valid-tip{
background-color: var(--theme-palette-color-7);
}
.vacancy-form-block small{
opacity: 0.8;
}
.contact-block {
margin-bottom: 30px;
}
.contact-block h3 {
margin-bottom: 10px;
}
.contact-block a,
.contact-block p {
font-size: 20px;
font-family: var(--theme-font-family-header);
}
.contact-block a{
display: inline-flex;
align-items: center;
}
.contact-block .ct-icon{
width: 20px;
height: 20px;
margin-right: 6px;
fill: var(--theme-palette-color-1);
}
.contact-block .contact-socials .ct-icon{
fill: var(--theme-palette-color-5);
}
.contact-block a:hover .ct-icon{
fill: var(--theme-palette-color-2);
}
.contact-socials{
margin-top: 10px;
}
.contact-socials a {
display: inline-block;
margin-right: 15px;
}
.contacts-map iframe {
display: block;
width: 100%;
height: 500px;
border: 0;
}
.vacancy-form-block {
margin-top: 40px;
padding: 30px;
border-radius: 10px;
background-color: var(--theme-palette-color-7);
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] .widget-title,
.ct-widget .widget-title{
font-family: var(--theme-font-family-header);
}
[data-column="widget-area-1"] .ct-widget p{
font-size: 16px;
}
[data-column="widget-area-4"] .is-layout-flow .widget-title{
margin-top: 0;
}
[data-column="widget-area-4"] .is-layout-flow .widget-title:last-child{
margin-top: 20px;
}
footer .contact-block .ct-icon,
footer .contact-block .contact-socials .ct-icon{
fill: var(--theme-palette-color-8);
}
footer .contact-block a:hover .ct-icon,
footer .contact-block .contact-socials a:hover .ct-icon{
fill: var(--theme-palette-color-7);
}
a.underline-slide, a.filter-check,
[data-column="widget-area-2"] a,
[data-column="widget-area-3"] a {
position: relative;
text-decoration: none;
}
a.underline-slide::after, a.filter-check::after,
[data-column="widget-area-2"] a::after,
[data-column="widget-area-3"] a::after {
content: "";
position: absolute;
left: 0;
bottom: -1px; /* отступ от текста */
width: 100%;
height: 1px; /* толщина линии */
background: currentColor;
transform: scaleX(0);
transform-origin: left;
transition: transform .3s ease;
}
a.underline-slide:hover::after, a.filter-check:hover::after,
[data-column="widget-area-2"] a:hover::after,
[data-column="widget-area-3"] a:hover::after {
transform: scaleX(1);
}
.wpcf7 input[type="file"] {
cursor: pointer;
border: 1px solid var(--theme-border-color);
width: 100%;
padding: 8px;
border-radius: 3px;
height: 40px;
}
#offcanvas .lang_menu {
position: absolute;
left: 0;
top: 0;
padding: 25px 0 20px 25px;
color: var(--theme-palette-color-7);
z-index: 1;
right: 60px;
margin: 0;
margin-top: 0px;
display: flex;
align-items: center;
gap: 6px;
}
#offcanvas .ct-widget,
#offcanvas .ct-widget a{
color: var(--theme-palette-color-7);
font-size: 18px;
}
#offcanvas .ct-widget .widget-title{
font-size: 20px;
margin-bottom: 10px;
}
#offcanvas svg{
fill: var(--theme-palette-color-7);
}
#offcanvas .lang_menu .lang-switch{
text-transform: uppercase;
color: var(--theme-palette-color-8);
}
@media (max-width: 999.98px) {
.ct-panel-actions {
padding-bottom: 20px;
}
.mobile-menu.second-menu,
#offcanvas .ct-widget{
padding-top: 20px;
border-top: 1px solid var(--theme-palette-color-6);
}
.mobile-menu a {
text-align: var(--text-horizontal-alignment);
justify-content: var(--horizontal-alignment);
--menu-item-padding: var(--items-vertical-spacing, 5px) 0;
}
.mobile-menu a:not(:empty) {
padding: var(--menu-item-padding, 0px);
}
}
@media (max-width: 689.98px) {
.ct-panel-actions {
padding-bottom: 20px;
}
}
@media (max-width: 992px) {
.contacts-grid {
grid-template-columns: 1fr;
}
}
@media (min-width: 1024px) {
[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
grid-template-columns: 1fr 0.8fr 1fr 1.2fr;
}
}