/*
Theme Name: MLK Custom Kit
Theme URI: https://marketinglaunchkit.com
Description: This is a custom website and marketing system designed by Marketing Launch Kit.
Author: Monica Sachdev
Author URI: https://marketinglaunchkit.com
Template: flatsome
Version: 3.0.2
*/

/*
===============================================
  MLK Custom Kit – Theme File Map & Structure
  Author: Monica Sachdev
  Website: https://marketinglaunchkit.com
===============================================
Folder: /wp-content/themes/mlk-custom-kit/

│
├── style.css        ← main index file (imports all others)
├── colors.css       ← brand palette, variables, accents, UX Builder sync
├── typography.css   ← fonts, headings, body text styles
├── buttons.css      ← buttons, hover, radius, interaction effects
├── layout.css       ← section padding, spacing, containers
├── functions.php    ← enqueues all child theme stylesheets

-----------------------------------------------
  STRUCTURE LOGIC:
  - Use :root for global CSS variables
  - Keep typography & buttons modular for reuse
  - Flatsome UX Builder will inherit color variables
  - Success & alert colors = reserved but unused
  - Follow consistent comment formatting
-----------------------------------------------
  COMMENT SYSTEM:
  /* ===== SECTION TITLE ===== */
  /* ---------- Subsection ---------- */
  /* Item-specific notes */

  /* ===== BUTTONS ===== */
  /* ---------- Primary Buttons ---------- */

/* NOTES
USE NOTES:
  - Keep this as a dev map & reference only.
  - CSS will ignore everything inside /* ... *\/
  - Update this if you add more sheets later.
=============================================== */

@import url("colors.css");
@import url("typography.css");
@import url("buttons.css");
@import url("layout.css");

/* QUICK CSS */
/* Social Icon and Icons Radius Fix */
.icon.circle,
.social-icons .icon {
  width: auto;
  height: auto;
  border-radius: 50% !important;  /* ensures perfect circle */
  aspect-ratio: 1 / 1;            /* ensures equal width & height */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Prevent Slider Arrows from taking Button Red Hover CSS*/
/*change arrow color when hover to lighter gray instead of read */
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-
prev-next-button:hover svg {
	fill: #999999;
}
/*removes filled hover background color on slider arrows*/
.flickity-prev-next-button:hover, flickity-prev-next-button:hover svg {
	background-color: transparent;
}