/*
Theme Name: SITF 2017
Theme URI: https://www.taekwon-do.fi
Template: Jupiter5
Author: Lasse Kuusisto, Topi Jalonen
Author URI: https://www.topic.fi
Description: Suomen ITF Taekwon-Do ry - Jupiter5 Child Theme - Compatible with Jupiter5, Jupiter Classic, JupiterX, and Jupiter 2025. Updated for PHP 8.x and WordPress 6.x+.
Tags: light, responsive-layout, taekwondo, sports
Version: 2025.2
Updated: 2025-11-12 00:00
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sitf-jupiter-child

Compatibility: Jupiter (Classic), JupiterX, Jupiter 2025

Changelog:
2025.2 - PHP 8.x and WordPress 6.x+ compatibility update
- Multi-version Jupiter support (Classic, JupiterX, Jupiter 2025)
- Updated jQuery to version 3.7.1 for modern browser support
- Added null coalescing operators (??) for better error handling
- Fixed deprecated ob_get_clean() bug in meta.php
- Improved escaping and sanitization throughout templates
- Added function_exists() checks for optional Jupiter theme features
- Modernized all template files with proper WordPress coding standards
- Added wp_body_open() hook support
- Updated hooks to use wp_enqueue_scripts instead of init
- Improved accessibility with proper ARIA labels
- Added compatibility layer for icon systems across Jupiter versions

*/

@import url('./suurleiri.css');

/* ============================================
   IMAGE SIZE FIXES - Prevent oversized images
   ============================================ */

/* Constrain all images within content area */
.theme-content img,
.mk-single-content img,
.mk-blog-content img,
.wpb_content_element img,
.vc_column_container img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

/* Featured images in posts/pages */
.mk-blog-thumbnail img,
.post-thumbnail img,
.attachment-post-thumbnail {
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Visual Composer / WPBakery image fixes */
.wpb_single_image img,
.vc_single_image-wrapper img {
    max-width: 100% !important;
    height: auto !important;
}

/* Responsive images */
img.size-full,
img.size-large,
img.size-medium {
    max-width: 100%;
    height: auto;
}

/* ============================================
   VISUAL COMPOSER LAYOUT FIXES
   ============================================ */

/* Ensure VC rows and columns display properly */
.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vc_column_container {
    padding-left: 15px;
    padding-right: 15px;
}

/* Fix VC column spacing */
.vc_column_container > .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

/* Ensure VC sections are visible */
.vc_section,
.wpb_row,
.vc_row-fluid {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix hidden VC elements */
.wpb_content_element,
.wpb_wrapper {
    display: block !important;
}

/* Ensure proper width calculations */
.wpb_column {
    float: left;
    min-height: 1px;
}

/* ============================================
   CONTAINER AND WRAPPER FIXES
   ============================================ */

/* Prevent content overflow */
.theme-page-wrapper,
.theme-content,
#theme-page {
    overflow-x: hidden;
}

/* Ensure proper content width */
.mk-main-wrapper {
    max-width: 100%;
    overflow-x: hidden;
}

/*
 * Hi-lite article in frontapage
 */



body.home article#4286 {
	border: 10px solid #0077b2;
    padding: 15px 18px;
    max-width: 760px;
    width: 90%;
}

@media only screen and (max-width: 400px) {
	body.home #theme-page .theme-content.no-padding {
		padding: 0;
	}
	body.home .mk-blog-thumbnail-item .item-wrapper {
		padding: 0!important;
	}
}

@media only screen and (max-width: 1140px) {
	div.header-grid.mk-grid {
    	padding-left: 20px!important;
	}
}

.mk-single-content ul {
    list-style-type: square;
}

.mk-classic-menu-wrapper .main-navigation-ul>li.menu-item>a.menu-item-link i.fa-home {
  font-size: 1.6em;
}
.mk-classic-menu-wrapper .main-navigation-ul>li.menu-item>a.menu-item-link i:first-child {
    padding-right: 0;
}

/* Black Belt Cup 2019 */
.wp-block-table.is-style-stripes {
	width: 100%;
}
.wp-block-table.is-style-stripes td {
	text-align: left;
}



/* embedded liikesarjavideot fix */
.liikesarjavideot iframe {
	width: 100%;
	max-width: 560px;
}

/* list items */
ul {
	list-style-type: initial;
}
ul.simcal-events {
	list-style-type: none;
}

/* SITF:n Suurleiri 2024 */
.menu-sitf-suurleiri-2024-container {
  background-color: #9b51e0;
  ul {
  	display: inline;
    border: none !important;
  }
  li {
    display: inline;
    border: none !important;
  }
  a {
    color: #fff;
    padding: 10px 20px !important;
  }
  a:hover {
  	text-decoration: underline;
  }
}

/* Suurleiri 2025 */
.menu-suurleiri-2025-container {
  background-color: #016aa5;
  ul {
  	display: inline;
    border: none !important;
  }
  li {
    display: inline;
    border: none !important;
  }
  a {
    color: #fff;
    padding: 10px 20px !important;
  }
  a:hover {
  	text-decoration: underline;
  }
}
.suurleiri-2025-main {
  h1 {
  	color: #016aa5;
  }
  h2 {
  	margin-bottom: 0px;
    margin-top: 40px;
    color: #016aa5;
  }
  h3 {
  	 color: #016aa5;
  }
  hr {
  	color: #016aa5;
  }
  a {
  	color: #016aa5;
  }
}

.sitf-suurleiri-2024-main {
  h2 {
  	margin-bottom: 0px;
    margin-top: 40px;
  }
  hr {
  	color: #9b51e0;
  }
  a {
  	color: #9b51e0;
  }
}

/* IIC 2024 */
.menu-iic2024-menu-container {
  background-color: #009fe3;
  ul {
  	display: inline;
    border: none !important;
  }
  li {
    display: inline;
    border: none !important;
  }
  a {
    color: #fff;
    padding: 10px 14px !important;
  }
  a:hover {
  	text-decoration: underline;
  }
}
.iic-2024-main {
  h2 {
  	margin-bottom: 0px;
    margin-top: 40px;
  }
  hr {
  	color: #99DDFF;
  }
}
.iic-2024-table {
  	th {
  	border: 1px solid;
  	text-align: left;
   	background-color: #99DDFF;
	}
	td {
  	border: 1px solid;
   	text-align: left;
	}
}