/*
Theme Name: Akton Canvas
Description: Minimal block theme reproducing the Elementor "Canvas" layout of vibersporocila.akton.si. Globals live in theme.json.
Version: 1.0.2
Requires at least: 7.1
Requires PHP: 8.1
License: GPLv2 or later
Text Domain: akton-canvas
*/

/* Elementor resets: no default paragraph/heading margins, images never overflow */
.el-canvas p, .el-canvas h1, .el-canvas h2, .el-canvas h3, .el-canvas h4, .el-canvas h5, .el-canvas h6 { margin-top: 0; margin-bottom: 0; }
.el-canvas img { max-width: 100%; height: auto; }
.el-canvas .el-text > p { margin-block: 0; }
body { margin: 0; overflow-x: hidden; }

/* columns: exact widths, no gap (Elementor columns use 10px padding instead) */
.el-section .wp-block-columns { flex-wrap: nowrap; }
.el-section .wp-block-column { flex-grow: 0; flex-shrink: 0; box-sizing: border-box; min-width: 0; }
@media (max-width: 767px) {
	.el-section .wp-block-columns { flex-wrap: wrap !important; }
	.el-section .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}

/* divider = Elementor divider (1px line) */
.el-divider.wp-block-separator { border: 0; height: 1px; width: 100%; max-width: none; opacity: 1; }

/* icon-list (inline, with dividers) used as anchor menu */
.el-icon-list { list-style: none; margin: 0; padding: 0; }
.el-icon-list.is-inline { display: flex; flex-wrap: wrap; align-items: center; }
.el-icon-list.is-inline.is-centered { justify-content: center; }
.el-icon-list.is-inline > li { padding: 0 15px; position: relative; line-height: 1.7; }
.el-icon-list.has-dividers > li + li::before { content: ""; position: absolute; left: 0; top: 50%; height: 100%; transform: translateY(-50%); border-left: 1px solid #565656; }
.el-icon-list a { color: inherit; text-decoration: none; }

/* buttons */
.el-canvas .wp-block-button__link { text-decoration: none; }

/* Contact Form 7 styled like the old Elementor form */
.el-form .wpcf7-form { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.el-form .el-f { box-sizing: border-box; padding: 0 20px; margin-bottom: 40px; }
.el-form .el-f.w50 { width: 50%; } .el-form .el-f.w100 { width: 100%; }
@media (max-width: 767px) { .el-form .el-f.w50 { width: 100%; } }
.el-form input:not([type=submit]), .el-form textarea {
	width: 100%; box-sizing: border-box; font: 15px/1.4 Arial, sans-serif; color: #252525;
	background: #F5F5F5; border: 1px solid #F5F5F5; border-radius: 0; padding: 9px 16px; min-height: 47px;
}
.el-form textarea { height: 120px; }
.el-form .el-submit { text-align: right; }
.el-form input[type=submit] {
	font: 700 20px/1 Roboto, sans-serif; color: #fff; background: #008FD7; border: 0; border-radius: 0; padding: 15px 30px; cursor: pointer;
}
.el-form input[type=submit]:hover { background: #C50003; }
.el-form .wpcf7-spinner { display: none; }
.el-canvas .has-text-align-justify { text-align: justify; }

/* smooth scrolling to #anchors (Elementor did this with JS) */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Custom HTML blocks print raw elements: don't put the 20px block gap between them (Elementor wrapped them in one div) */
.el-canvas .el-col > :not([class*="wp-block"]),
.el-canvas .wp-block-column > :not([class*="wp-block"]) { margin-block-start: 0 !important; }
/* empty Elementor columns have no padding (Elementor only pads populated columns) */
.el-canvas .wp-block-column:empty, .el-canvas .el-col:empty { padding: 0 !important; }