{"version":3,"file":"blocks/Timeline/style-index.css","mappings":";;;AACA;EACC;AAAD;AAGC;EACC;EACA;AADF;;AAMA;EACC;AAHD;;AAOA;EACC;EACA;EACA;AAJD;AAMC;EACC;EACA;AAJF;;AAQA;EACC;IACC;IACA;IACA;EALA;AACF;AASA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPD;;AAUA;EACC;EACA;EACA;EACA;AAPD;;AAUA;EACC;EACA;EACA;AAPD;;AAUA;EACC;EACA;EACA;EACA;AAPD;;AAWA;EACC;EACA;EACA;EACA;AARD;;AAYA;EACC;EACA;AATD;;AAaA;EACC;EACA;AAVD;;AAcA;EACC;AAXD;AAaC;EACC;EACA;EACA;EACA;AAXF;AAcC;EACC;EACA;EACA;EACA;EACA;AAZF;AAeC;EACC;AAbF;AAgBC;EACC;EACA;AAdF;AAiBC;EACC;AAfF;;AAqBC;EACC;EACA;EACA;EACA;EACA;AAlBF;AAqBC;EACC;EACA;EACA;EACA;EACA;AAnBF;AAsBC;EACC;EACA;EACA;AApBF;AAyBE;EACC;EACA;EACA;AAvBH;AA0BE;EACC;EACA;AAxBH;AA8BE;EACC;EACA;EACA;AA5BH;AA+BE;EACC;EACA;AA7BH;;AAmCA;EACC;EACA;EACA;EACA;EACA;AAhCD;AAkCC;EACC;EACA;EACA;EACA;AAhCF;AAmCC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjCF;AAoCC;EACC;AAlCF;AAqCC;EACC;AAnCF;;AA0CC;;EACC;EACA;AAtCF;;AA4CC;EACC;EACA;AAzCF;;AA+CA;EACC;IACC;EA5CA;EA8CA;IACC;IACA;EA5CD;EA+CA;IACC;EA7CD;EAgDA;IACC;EA9CD;EAiDA;;IAEC;IACA;IACA;EA/CD;EAkDA;;IAEC;IACA;IACA;EAhDD;AACF,C","sources":["webpack://brandy-blocks/./src/blocks/Timeline/style.scss"],"sourcesContent":["// === Base ===\n.wp-block-brandy-timeline {\n\tposition: relative;\n\n\t// Connector line base (sized per layout).\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n}\n\n// === Item base ===\n.brandy-timeline-item {\n\tposition: relative;\n}\n\n// Animation: only hide items after JS adds .brandy-timeline--animated.\n.brandy-timeline--animated .brandy-timeline-item {\n\topacity: 0;\n\ttransform: translateY(20px);\n\ttransition: opacity 0.6s ease, transform 0.6s ease;\n\n\t&.is-visible {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.brandy-timeline--animated .brandy-timeline-item {\n\t\topacity: 1;\n\t\ttransform: none;\n\t\ttransition: none;\n\t}\n}\n\n// === Marker ===\n.brandy-timeline-item__marker {\n\twidth: var(--timeline-marker-size, 16px);\n\theight: var(--timeline-marker-size, 16px);\n\tborder-radius: 50%;\n\tbackground: var(--timeline-marker-bg, #fff);\n\tborder: 2px solid var(--timeline-marker-color, #0061fe);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\tz-index: 1;\n\tposition: relative;\n}\n\n.brandy-timeline-item__marker-dot {\n\twidth: 50%;\n\theight: 50%;\n\tborder-radius: 50%;\n\tbackground: var(--timeline-marker-color, #0061fe);\n}\n\n.brandy-timeline-item__marker-icon {\n\tcolor: var(--timeline-marker-color, #0061fe);\n\tfont-size: calc(var(--timeline-marker-size, 16px) * 0.6);\n\tline-height: 1;\n}\n\n.brandy-timeline-item__marker-label {\n\tfont-size: calc(var(--timeline-marker-size, 16px) * 0.5);\n\tfont-weight: 700;\n\tcolor: var(--timeline-marker-color, #0061fe);\n\tline-height: 1;\n}\n\n// === Date ===\n.brandy-timeline-item__date {\n\tfont-size: 14px;\n\tcolor: #6b7280;\n\tfont-weight: 500;\n\twhite-space: nowrap;\n}\n\n// === Content ===\n.brandy-timeline-item__content {\n\tflex: 1;\n\tmin-width: 0;\n}\n\n// === Highlighted ===\n.brandy-timeline-item--highlighted .brandy-timeline-item__marker {\n\ttransform: scale(1.3);\n\tbox-shadow: 0 0 0 4px color-mix(in srgb, var(--timeline-marker-color, #0061fe) 20%, transparent);\n}\n\n// === VERTICAL LAYOUT ===\n.brandy-timeline--vertical {\n\tpadding-left: calc(var(--timeline-marker-size, 16px) / 2);\n\n\t&::before {\n\t\tleft: calc(var(--timeline-marker-size, 16px) / 2);\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\twidth: var(--timeline-line-width, 2px);\n\t}\n\n\t.brandy-timeline-item {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: var(--timeline-marker-size, 16px) 1fr;\n\t\tgrid-template-rows: auto auto;\n\t\tgap: 0 16px;\n\t\tpadding-bottom: 32px;\n\t}\n\n\t.brandy-timeline-item__marker {\n\t\tgrid-row: 1 / -1;\n\t}\n\n\t.brandy-timeline-item__date {\n\t\tgrid-column: 2;\n\t\tmargin-bottom: 4px;\n\t}\n\n\t.brandy-timeline-item__content {\n\t\tgrid-column: 2;\n\t}\n}\n\n// === ALTERNATING LAYOUT ===\n.brandy-timeline--alternating {\n\t&::before {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\twidth: var(--timeline-line-width, 2px);\n\t}\n\n\t.brandy-timeline-item {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr var(--timeline-marker-size, 16px) 1fr;\n\t\tgap: 0 24px;\n\t\tpadding-bottom: 32px;\n\t\talign-items: start;\n\t}\n\n\t.brandy-timeline-item__marker {\n\t\tgrid-column: 2;\n\t\tgrid-row: 1 / -1;\n\t\tjustify-self: center;\n\t}\n\n\t// Odd: date left, content right.\n\t.brandy-timeline-item:nth-child(odd) {\n\t\t.brandy-timeline-item__date {\n\t\t\tgrid-column: 1;\n\t\t\tgrid-row: 1;\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t.brandy-timeline-item__content {\n\t\t\tgrid-column: 3;\n\t\t\tgrid-row: 1;\n\t\t}\n\t}\n\n\t// Even: content left, date right.\n\t.brandy-timeline-item:nth-child(even) {\n\t\t.brandy-timeline-item__content {\n\t\t\tgrid-column: 1;\n\t\t\tgrid-row: 1;\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t.brandy-timeline-item__date {\n\t\t\tgrid-column: 3;\n\t\t\tgrid-row: 1;\n\t\t}\n\t}\n}\n\n// === HORIZONTAL LAYOUT ===\n.brandy-timeline--horizontal {\n\tdisplay: flex;\n\tflex-direction: row;\n\toverflow-x: auto;\n\tpadding-top: calc(var(--timeline-marker-size, 16px) / 2);\n\tscrollbar-width: thin;\n\n\t&::before {\n\t\ttop: calc(var(--timeline-marker-size, 16px) / 2);\n\t\tleft: 0;\n\t\tright: 0;\n\t\theight: var(--timeline-line-width, 2px);\n\t}\n\n\t.brandy-timeline-item {\n\t\tflex: 0 0 auto;\n\t\tmin-width: 200px;\n\t\tmax-width: 300px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\ttext-align: center;\n\t\tpadding: 0 16px;\n\t}\n\n\t.brandy-timeline-item__marker {\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.brandy-timeline-item__date {\n\t\tmargin-bottom: 8px;\n\t}\n}\n\n// === Connector style (dashed/dotted) ===\n.brandy-timeline--vertical,\n.brandy-timeline--alternating {\n\t&::before {\n\t\tbackground: none;\n\t\tborder-left: var(--timeline-line-width, 2px) var(--timeline-connector-style, solid)\n\t\t\tvar(--timeline-line-color, #e5e7eb);\n\t}\n}\n\n.brandy-timeline--horizontal {\n\t&::before {\n\t\tbackground: none;\n\t\tborder-top: var(--timeline-line-width, 2px) var(--timeline-connector-style, solid)\n\t\t\tvar(--timeline-line-color, #e5e7eb);\n\t}\n}\n\n// === Responsive ===\n@media (max-width: 768px) {\n\t.brandy-timeline--alternating {\n\t\tpadding-left: calc(var(--timeline-marker-size, 16px) / 2);\n\n\t\t&::before {\n\t\t\tleft: calc(var(--timeline-marker-size, 16px) / 2);\n\t\t\ttransform: none;\n\t\t}\n\n\t\t.brandy-timeline-item {\n\t\t\tgrid-template-columns: var(--timeline-marker-size, 16px) 1fr;\n\t\t}\n\n\t\t.brandy-timeline-item__marker {\n\t\t\tgrid-column: 1;\n\t\t}\n\n\t\t.brandy-timeline-item:nth-child(odd) .brandy-timeline-item__date,\n\t\t.brandy-timeline-item:nth-child(even) .brandy-timeline-item__date {\n\t\t\tgrid-column: 2;\n\t\t\ttext-align: left;\n\t\t\tgrid-row: 1;\n\t\t}\n\n\t\t.brandy-timeline-item:nth-child(odd) .brandy-timeline-item__content,\n\t\t.brandy-timeline-item:nth-child(even) .brandy-timeline-item__content {\n\t\t\tgrid-column: 2;\n\t\t\ttext-align: left;\n\t\t\tgrid-row: auto;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}