/*
Theme Name: ASIS
Description: Odwzorowanie wyglądu strony ASIS Michał Pawlak (stary CMS ASIS 4.0) jako motyw blokowy.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: asis
*/

/* Wartości przeniesione 1:1 ze starego view/default/css/style.css (+reset.css, grid.css 960.gs) */

/* =============== RESET (1:1 jak stary reset.css, z zerową specyficznością) ================== */
body { margin: 0; }
:where(.wp-site-blocks) :where(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;
}
:where(.wp-site-blocks) :where(ol, ul) { list-style: none; }
:where(.wp-site-blocks) :where(blockquote, q) { quotes: none; }
:where(.wp-site-blocks) table { border-collapse: collapse; border-spacing: 0; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
h2 { text-transform: uppercase; font-size: 16px; font-weight: 900; }

/* =============== GLOBAL ================== */
.head-wraper, .content-wraper, .footer-wraper, .top-wraper { width: 100%; margin: 0 auto; position: relative; }
.head, .top, .content, .footer { width: 960px; margin: 0 auto; position: relative; }
.cols { display: flex; align-items: flex-start; }
.grid_2, .grid_3, .grid_4, .grid_6, .grid_8, .grid_9, .grid_12 { margin-left: 10px; margin-right: 10px; flex: none; }
.grid_2 { width: 140px; } .grid_3 { width: 220px; } .grid_4 { width: 300px; } .grid_6 { width: 460px; }
.grid_8 { width: 620px; } .grid_9 { width: 700px; } .grid_12 { width: 940px; }
.alpha { margin-left: 0; } .omega { margin-right: 0; }

.topM a, .site-title, .foot-title, .footM-title a, .menu-title, .section-menu a, .gallery-title, .p-title,
.sort a, .sort span, .contact-text, .title-home, .top a {
	font-family: 'BebasNeueRegular', sans-serif;
	font-weight: 400;
	letter-spacing: 0.06em;
}
.site-title, .foot-title, .footM-title a, .menu-title, .gallery-title, .title-home {
	text-transform: uppercase;
	color: #fff;
	display: block;
	line-height: 120%;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.51);
}

/* =============== HEAD ================== */
.head-wraper {
	background: url(assets/img/pattern.png) repeat;
	padding: 20px 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
	position: fixed;
	top: 0;
	z-index: 10;
}
.admin-bar .head-wraper { top: 32px; }
.head { display: flex; justify-content: space-between; align-items: flex-start; }
.head .logo { margin: 0 10px; line-height: 0; }
.head .logo img { width: 140px; height: auto; }
.p-top { padding-top: 75px; }

/* =============== TOP MENU ================== */
.topM.wp-block-navigation { margin-right: 0; }
.topM .wp-block-navigation__container { gap: 0; }
.topM .wp-block-navigation-item { position: relative; display: inline-block; }
.topM.wp-block-navigation .wp-block-navigation-item__content {
	font-size: 21.6px;
	line-height: 20px;
	text-transform: uppercase;
	display: block;
	padding: 6px 25px;
	background: #000;
	margin-left: 14px;
	color: #ccc;
	text-decoration: none;
	transition: all 0.3s ease-out;
}
.topM .wp-block-navigation__submenu-icon { display: none; }
.topM .has-child > .wp-block-navigation-item__content {
	background: #000 url(assets/img/arrow-subM.png) no-repeat 93% 50%;
}
.topM .wp-block-navigation-item__content:hover,
.topM .current-menu-item > .wp-block-navigation-item__content { background-color: #333; color: #fff; }
/* podmenu */
.topM.wp-block-navigation .wp-block-navigation__submenu-container {
	background: transparent;
	border: none;
	padding: 25px 10px 10px 10px;
	width: 200px;
	min-width: 200px;
	left: 5px;
	top: 100%;
}
.topM .wp-block-navigation__submenu-container .wp-block-navigation-item { display: block; border-top: 1px solid #222; width: 100%; }
.topM.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	text-transform: none;
	font-family: Arial, sans-serif;
	letter-spacing: 0.06em;
	line-height: 20px;
	padding: 6px 25px !important;
	margin-left: 0;
	background: #000 url(assets/img/arrow-l.png) no-repeat 5% 50%;
	font-size: 13.2px;
	color: #ccc;
	width: 100%;
	box-sizing: border-box;
}
.topM.wp-block-navigation .wp-block-navigation__submenu-container .current-menu-ancestor > .wp-block-navigation-item__content,
.topM.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: #333 url(assets/img/arrow-l.png) no-repeat 5% 50%;
	color: #fff;
}

/* =============== CONTENT ================== */
.content { margin-top: 20px; margin-bottom: 20px; }
.content a { color: #b91222; text-decoration: none; transition: all 0.3s ease-out; }
.content a:hover, .content a:active { color: #222; }
.site-title, .menu-title, .gallery-title {
	color: #000;
	font-size: 48px;
	margin-bottom: 10px;
	text-transform: none;
}
.gallery-title { margin-top: 20px; font-size: 25.2px; }

/* =============== LEFT MENU ================== */
.leftM .menu-title {
	font-size: 24px;
	background: #b91222;
	color: #fff;
	margin-top: 10px;
	padding: 4px 0 4px 5px;
	display: block;
}
.section-menu + .kontakt-boks { padding-top: 20px; }
.section-menu ul { margin-right: 20px; }
.section-menu li { border-bottom: 1px solid #ccc; padding: 8px 0; }
.leftM .section-menu a {
	background: url(assets/img/arrow-l.png) no-repeat left 6px;
	font-size: 19.2px;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	color: #222;
	transition: all 0.3s ease-out;
}
.leftM .section-menu a:hover, .leftM .section-menu a.active { color: #b91222; }
.section-menu .subM-l ul { padding: 5px 0 0 10px; }
.section-menu .subM-l li { border: none; padding: 2px 0; }
.leftM .section-menu .subM-l a {
	background: url(assets/img/bg-subM-l.png) no-repeat left 8px;
	font-family: Arial, sans-serif;
	letter-spacing: 0.06em;
	font-size: 14.4px;
}
.kontakt-boks .menu-title { margin-bottom: 0; }
.contact-text { padding: 10px 0 0 5px; font-size: 18px; }
.leftM .contact-text a { color: #222; }
.leftM .contact-text a:hover { color: #b91222; }

/* =============== GALERIE ================== */
.wp-block-gallery.offer-gallery.has-nested-images { display: flex; flex-wrap: wrap; gap: 6px 4px !important; margin-top: 0; margin-bottom: 9px; }
.wp-block-gallery.offer-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	width: 227px;
	flex-grow: 0;
	margin: 0;
}
.offer-gallery.wp-block-gallery.has-nested-images figure.wp-block-image img,
.port-list .wp-block-image img {
	background: #e5e5e5;
	padding: 5px;
	border: 1px solid #ccc;
	box-sizing: content-box;
	height: auto;
}
.offer-gallery.wp-block-gallery.has-nested-images figure.wp-block-image img { width: 215px !important; height: 115px !important; }

/* =============== PORTFOLIO ================== */
.port-list { display: flex; flex-wrap: wrap; column-gap: 35px; }
.port-item { width: 330px; margin-bottom: 30px; }
.port-list .wp-block-image a { opacity: 0.9; transition: all 0.2s ease-out 0s; display: inline-block; line-height: 0; }
.port-list .wp-block-image a:hover { opacity: 1; box-shadow: 0 0 3px #d7182a; }
.port-list .wp-block-image img { width: 330px; }
.p-title { font-size: 18px; margin-bottom: 10px; }
.p-text { color: #555; line-height: 130%; height: 80px; overflow: hidden; }
.sort { text-align: center; clear: both; }
.sort a, .sort span { text-decoration: none; color: #555; padding: 3px 5px 1px 5px; display: inline-block; font-size: 21.6px; line-height: 20px; }
.content .sort a { color: #555; }
.content .sort a.next, .content .sort a.prev { background: #999; color: #fff; }
.sort span.current { background: #c00; color: #fff; }
.content .sort a:hover { background: #ccc; color: #555; }

/* =============== STRONA GŁÓWNA ================== */
.list_1 { display: flex; flex-wrap: wrap; }
.list_1 .wp-block-image { margin: 8px; }
.list_1 .wp-block-image img { padding: 5px; background: #e5e5e5; display: block; box-sizing: content-box; }
.list_1 { column-gap: 3px; } /* odstęp po elementach inline-block w starym ul.list_1 */
.front > .content { margin-top: 20px; }

/* =============== KONTAKT ================== */

/* =============== TABELA (treść) ================== */
.table1 { border-collapse: collapse; }
.table1 th { font-weight: 700; padding: 5px; border: 1px solid #ddd; }
.table1 td { padding: 5px; border: 1px solid #ddd; }

/* =============== FOOTER ================== */
.footer-wraper { background: url(assets/img/pattern.png) repeat; padding: 20px 0 110px 0; }
.footer { color: #777; }
.footer .foot-title { font-size: 21.6px; margin-bottom: 8px; color: #999; }
.f-kontakt > .foot-title { margin-left: 10px; }
.f-kontakt .a_1.grid_3 { margin-left: 10px; }
.f-icon { margin-top: 8px; }
.f-icon a { opacity: 0.5; transition: all 0.3s ease-out; margin-right: 14px; display: inline-block; }
.f-icon a:hover { opacity: 1; }
.f-icon img { vertical-align: middle; }
p.phone, p.mail a { font-size: 15.6px; }
p.phone img, p.mail img { margin-right: 5px; vertical-align: bottom; }
p.mail, .map-site { background: url(assets/img/line.png) repeat-x top; padding-top: 15px; margin-top: 15px; }
/* stara stopka: „clear” po elementach pływających zjadał margines — linia zaczyna się tuż pod kolumną kontaktu */
.map-site { margin-top: 0; }
.f-kontakt .a_1 { min-height: 77px; }
p.mail a { color: #b91222; line-height: 100%; letter-spacing: 1px; text-decoration: underline; }
p.mail a:hover { color: #d7182a; }
.map-site { clear: both; }
.map-site > .foot-title { margin-left: 10px; }
.footM-title { line-height: 14px; }
.footM-title a { font-size: 14.4px; text-shadow: none; color: #777; letter-spacing: 1px; text-decoration: none; }
.footM .subM-foot { margin-top: 5px; padding: 0; }
.footM .subM-foot li { display: block; padding: 0; margin: 0; line-height: 14px; min-height: 14.33px; }
.footM .subM-foot a { line-height: 14px; vertical-align: top; }
.footM .subM-foot ul { display: none; }
.footM .subM-foot a {
	background: url(assets/img/bg-submenu.png) no-repeat left 3px;
	padding-left: 10px;
	display: inline-block;
	color: #777;
	text-decoration: none;
	font-family: Arial, sans-serif;
}
.footM a:hover { color: #ccc; transition: all 0.3s ease-out; }

/* =============== BANNER / SLIDER (top.tpl) ================== */
.top-wraper {
	background: #222 url(assets/img/top-grafa.jpg) no-repeat bottom;
	height: 339px;
	padding-top: 75px;
	box-sizing: content-box;
	overflow: hidden;
	border-bottom: 1px solid #222;
}
.top .asis-slider { margin-top: 14px; background: transparent; }
.top-slide { display: flex; align-items: flex-start; width: 960px; margin: -6px 0 0 -6px; }
.top-slide > .wp-block-image { width: 460px; margin: 10px 10px 0 0; flex: none; }
.top-slide > .wp-block-image img { display: block; width: 380px; height: 331px; }
.top-txt.grid_6 { margin-left: 10px; }
.top-txt p { font-family: 'BebasNeueRegular', sans-serif; letter-spacing: 0.06em; text-transform: uppercase; color: #fff;
	line-height: 120%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.51); }
.top-txt .title-home { font-size: 60px; color: #d7182a; padding-top: 38px; margin-bottom: 5px; }
.top-txt .top-text { font-size: 26.4px; margin-bottom: 20px; }
.top-txt .top-more a {
	text-decoration: none;
	background: #d7182a;
	color: #fff;
	padding: 5px 20px;
	display: inline-block;
	font-size: 18px;
	transition: all 0.3s ease-out;
}
.top-txt .top-more a:hover { background: #000; }
.asis-slider .eedee-background-div__overlay, .asis-slider .lightbox-trigger { display: none; }

/* =============== ZAUFALI NAM (logoParade) ================== */
.f-zaufali { overflow: hidden; }
.f-zaufali .wp-block-gallery.logo-parade { height: 75px; overflow: hidden; }
.wp-block-gallery.logo-parade.has-nested-images { display: flex; flex-wrap: nowrap; gap: 0 !important; width: max-content; margin: 0; }
.wp-block-gallery.logo-parade.has-nested-images figure.wp-block-image:not(#individual-image) { width: auto; flex: none; margin: 0; padding-left: 20px; }
.wp-block-gallery.logo-parade.has-nested-images figure.wp-block-image img { width: 110px; height: 78px; display: block; }
.logo-parade.is-running { animation: asis-parade 19.5s linear infinite; }
.logo-parade.is-running:hover { animation-play-state: paused; }
@keyframes asis-parade { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .logo-parade.is-running { animation: none; } }

/* =============== PASEK COOKIES (wtyczka Cookie Bar, wygląd jak cookie.tpl) ================== */
#eu-cookie-bar {
	padding: 20px 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	background-color: #000 !important;
	color: #999 !important;
	opacity: 0.8;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 1);
}
#eu-cookie-bar a.link-more, #eu-cookie-bar button#euCookieAcceptWP {
	font-family: 'BebasNeueRegular', sans-serif;
	font-weight: 400;
	letter-spacing: 0.06em;
	font-size: 16px;
	line-height: 20px;
	color: #fff !important;
	text-decoration: none;
	display: inline-block;
	margin: 10px 0 0 10px;
	border-radius: 0;
	transition: all 0.2s ease-out 0.2s;
}
#eu-cookie-bar a.link-more { background: #222; padding: 5px 10px; }
#eu-cookie-bar button#euCookieAcceptWP { background: #660000 url(assets/img/close.png) no-repeat 90% 50% !important; padding: 5px 35px 5px 10px; }
#eu-cookie-bar a.link-more:hover { background: #c00; }
#eu-cookie-bar button#euCookieAcceptWP:hover { background-color: #c00 !important; }
.grid_8 .wpgmza_map { border: 1px solid #555; box-sizing: content-box; }
.port-item .wp-block-image { line-height: 0; margin-bottom: 0; }
.list_1 .wp-block-image { line-height: 0; }
/* stary dokument XHTML Transitional (tryb „almost standards”) nie dodawał odstępu pod obrazkiem w wierszu */
.wp-block-post-content > img, .wp-block-post-content > a > img, .wp-block-post-content td img { vertical-align: bottom; }